Question

我有一个星际和结束时间选项，效果很好。

start-time [8:00am, 8:30am, 9:00am, 9:30am, 10:00am]

end-time [8:00am, 8:30am, 9:00am, 9:30am, 10:00am]

如果用户开始时间选择为9:00 am，则我的以下代码有效

$('#start-time').change(function(){
    $('#end-time').timepicker('option','minTime',$(this).val());
});

但是，上面的代码将选项显示为

end-time [9:00am, 9:30am, 10:00am]

如果用户开始时间选择为9:00 am，那么我希望结束时间选项只能有更大的磁贴

end-time [9:30am, 10:00am]  (only)

如何将结束时间设置为大于选定的开始时间？

Answer 1

Time-picker构建了一个LI选项列表，并添加了 ui-timepicker-selected 类。

我能够获取整个列表，然后找到LI.ui-timepicker选择的类。

一旦我获取了开始时间值，我就使用jquery转到列表中的下一个项目，并将下一个值用作我的minTime。

以下是有效的代码：

$('#start-time').change(function(){

  var nexttime = $('li.ui-timepicker-selected').next('li').text();

  $('#end-time').timepicker('option','minTime',nexttime);

});

TimePicker-将minTime设置为大于选定的开始时间

1 个答案: