javascript - Jquery 时间选择器 : How to dynamically change parameters

Question

我正在使用 Jquery Timepicker。

我有两个输入字段 - 接受时间。

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

我正在根据 documentation 使用 Jquery UI 计时器

$('#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 时，第二个的“minTime”参数会发生变化。基本上我正在尝试收集某些事件的开始时间和结束时间。我希望第二个输入框显示第一个输入字段(开始时间)本身的值的选项。

Answer 1

你会做这样的事情，

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

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

你在这里做的是，在 #startTime 的 onSelect 函数中，你设置了 # 的选项 minTime endTime 到 #startTime

的值

查看此 JS Fiddle .