jquery - Bootstrap 3 日期时间选择器 jquery

Question

我正在使用 https://eonasdan.github.io/bootstrap-datetimepicker/ 中的 Datetimepicker对于我的项目。

我想要实现的是结束时间不应该早于开始时间。

$('#timePickerStart').datetimepicker({
    format : 'LT'
});
$('#timePickerEnd').datetimepicker({
    format : 'LT'
});

datetimepicker有一个类似日期的功能，但我不知道如何及时实现它。

谢谢。

Answer 1

您可以使用 disabledTimeIntervals 属性和函数禁用某些时间间隔。它需要一个数组中的两个 moment 对象。另一种方法是使用 disabledHours 属性和 disabledHours() 函数禁用某些时间。

您可以做的是:当用户更改其中一个选择器时，运行回调。在此回调中，您可以使用 date() 函数来获取当前时刻，然后使用 disabledTimeIntervals 将其设置为其他选择器的上限/下限。