bootstrap 3 个日期时间选择器 jquery

Question

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

我要实现的是结束时间不能比开始时间早

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

datetimepicker有类似date的功能，但是我不知道怎么及时实现。

谢谢。

Answer 1

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

您可以这样做：当用户更改其中一个选择器时，运行 回调。在此回调中，您可以使用 date() 函数获取当前时刻，然后将其设置为其他选择器的 upper/lower 与 disabledTimeIntervals 绑定。