6

JqueryTimepickerを使用しています。

私は2つの入力フィールドを持っています-時間を受け入れるために。

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

ドキュメントに従ってJqueryUIタイマーを使用しています

$('#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
});

最初のtimePickerが選択されたときに、2番目の'minTime'パラメーターが変更されるようにしたいと思います。基本的に、特定のアクティビティの開始時刻と終了時刻を収集しようとしています。そして、2番目の入力ボックスに最初の入力フィールド（開始時刻）自体の値からのオプションを表示したいと思います。

4

3 に答える 3

10

あなたはこのようなことをするでしょう、

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

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

ここで行っているのは、のonSelect関数で、#startTimeのオプションを次の値に設定することminTimeです#endTime。#startTime

このJSフィドルを参照してください。

于 2012-06-09T04:43:35.157 に答える
4

jQuery-UI ウィジェットは通常options、既存のインスタンスのオプションを変更できるメソッドをサポートしています。プラグイン呼び出しの最初の引数として文字列を指定すると、ウィジェット メソッドが呼び出されます。

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

これはあなたのために働くはずです：

$('#endTime').timepicker('option', 'minTime', new_min_time)
于 2012-06-09T04:55:29.690 に答える