2種類のjqueryタイムピッカーを表示したい

Question

2つのタイムピッカーを分かりたいと思っています。以前は、両方の時間ピッカーが1つのテキストボックスに表示されていました。両方の時間ピッカーは右のテキストボックスで表示されます。しかし、1つの問題があります.trent richardson jqueryのtimepickerを表示する1つのテキストボックス（継続時間のテキストボックス）を必要とし、残りのテキストボックス（開始時間テキストボックス）にfrancois gelinas timepickerを表示します。

現時点では両方のテキストボックスでトレントリチャードソンのタイムピッカーが使用されていますが、私の機能では両方のタイムピッカーを分離する方法がわからないので、タイムコードがトレントで、

jqueryのHTMLコードは以下の通りです：

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


      $('#durationpicker').timepicker({ //trent's timepicker 

       }); 

     }); 

    <form action="QandATable.php" method="post" id="sessionForm"> 


<p><strong>3: Duration:</strong> <input type="text" id="durationpicker" name="durationChosen" readonly="readonly" /></span> 

<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> 

（彼は日付とtimepickerあるものを持っているし、彼はちょうどtimepickerを持ってページを下にさらに）hereをクリックして、トレントのtimepickerを見て。 hereをクリックしtimepckerフランソワさんを見て

（このtimepickerは時間を選ぶためのより良いですが、トレントさんがいながら、それは秒を含んでいない）

Answer 1

は、どちらも良いjQueryプラグインのガイドラインに従うと仮定すると、彼らは両方とも同じ$に設定されます.fn.timepickerオブジェクトを独自のメソッドに追加します。両方のプラグインを使用するには、私は

...

$.fn.trentTime = function(){ ... } 

とあなたのコードで...あなたは...何か他のものにソースコードにプラグインで

をそれらのいずれかを変更する必要がありますだと思います

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