Jquery TimePicker：パラメータを動的に変更する方法

Question

Jquery Timepickerを使用しています。

私は2つの入力フィールドを持っています。

<input id="startTime" size="30" type="text" /> 
<input id="endTime" size="30" type="text" /> 

は、私が最初にtimePickerが選択されている場合、第二のための「MINTIME」パラメータが変更されることを望んdocumentation

$('#startTime').timepicker({ 
    'minTime': '6:00am', 
    'maxTime': '11:30pm', 
    'onSelect': function() { 
     //change the 'minTime parameter of #endTime <--- how do I do this ? 
    } 
}); 
$('#endTime').timepicker({ 
    'minTime': '2:00pm', 
    'maxTime': '11:30pm', 
    'showDuration': true 
}); 

あたりとしてのjQuery UIのタイマーを使用しています。基本的には、特定のアクティビティの開始時刻と終了時刻を収集しようとしています。そして、2番目の入力ボックスに最初の入力フィールド（開始時刻）の値からのオプションを表示したいと思います。

Answer 1

あなたがここでやっているようなもの、

$('#startTime').timepicker({ 
       'minTime': '6:00am', 
       'maxTime': '11:30pm', 
        'onSelect': function() { 

        $('#endTime').timepicker('option', 'minTime', $(this).val());       
       } 
      }); 

を行うだろう#startTimeのonSelect機能では、あなたが#startTime

参照の値にオプション#endTimeのminTimeを設定することですこれはJS Fiddleです。

Answer 2

jQuery-UIウィジェットは、一般的に、既存のインスタンスのオプションを変更できるoptionsメソッドをサポートしています。ウィジェットの方法は、プラグインの呼び出しの最初の引数として文字列を供給することによって呼び出されます。

$(...).widget_name('method_name', arg...) 

ので、これはあなたのために働く必要があります。

$('#endTime').timepicker('option', 'minTime', new_min_time) 

Answer 3

あなたがのonchangeイベントのために行くことができます。

 $('#startTime').timepicker(); 

     $('#endTime').timepicker({ 
      'minTime': '12:00am', 
      'showDuration': true 
     }); 

     $('#startTime').on('changeTime', function() { 
      $('#endTime').timepicker('option', 'minTime', $(this).val()); 
     }); 

最初の返信で投稿されたコードを少し修正しました。ここではそれのために働いていますhttp://jsfiddle.net/NXVy2/215/

on（ 'change' ...）も使用できます

$('#startTime').on('change', function() { 
     $('#endTime').timepicker('option', 'minTime', $(this).val()); 
    });