Jquery TimePicker:如何动态更改参数

Question

我正在使用Jquery Timepicker.

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

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

我按照文档使用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());                        
              }
            });

你在这里做的是,在onSelect功能#startTime,你的选项设置minTime的#endTime,它的值#startTime

看到这个JS小提琴.

Answer 2

你可以参加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/

你也可以使用('改变'......)

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