Jquery TimePicker：如何动态更改参数

我正在使用Jquery Timepicker。

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

我按照文档使用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的选项minTime设置为#endTime的值

看到这个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()); }); 

Answer 3

jQuery-UI小部件通常支持一种options方法，允许您更改现有实例上的选项。 通过提供字符串作为插件调用的第一个参数来调用Widget方法：

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

所以这对你有用：

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