jQueryタイムピッカを2種類のテキスト入力に割り当てることはできません。

Question

私は2つのTimepickersを持っています。問題は、2つの異なるものに属する必要がある場合、両方のタイムピッカーがテキスト入力（開始時刻入力）に属していることです。

durationpicker期間入力とtimepickerが開始時刻いずれかになるためです。

タイムピッカーをどのように分離して正しい入力に入れることができますか？以下

jQueryのコードです：

$('#durationpicker').timepicker({}); 

$(function() { 
    $('#timepicker').timepicker({ 
     showOn: 'button', 
     button: '.timepicker_button_trigger' 
    }); 
}); 

そしてHTML：

<form action="QandATable.php" method="post" id="sessionForm"> 
    <p> 
    <strong>3: Duration:</strong> 
    <input type="text" id="durationpicker" name="durationChosen" readonly="readonly"/> 
    <p> 
    <strong>5: Start Time:</strong> 
    <input type="text" id="timepicker" name="timeChosen" readonly="readonly" /> 
    <span class="timepicker_button_trigger"> 
     <img src="Images/clock.gif" alt="Decrease" /> 
    </span> <br/> 
    <span id="dateTimeAlert"></span> 
    </p> 
</form> 

注：私はデュレーション入力と開始時刻の入力のためのFrançois GélinasためTrentrichardson's Timepickerを使用しています。

Answer 1

あなたは#durationpickerのタイムピッカーを「ドキュメント準備完了」機能の外に宣言しましたが、動作しません。

もう一方の近くで移動してください。