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

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，我可以使用以下代码

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

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

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

如果用户开始时间选择是上午 9:00，那么我希望结束时间选项只有更大的图块

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

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

Answer 1

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

我能够抓取整个列表，然后找到 LI.ui-timepicker-selected 类。

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

这是有效的代码：

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

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

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

});