引导 3 日期时间选择器 jquery答案

【问题标题】：bootstrap 3 datetimepicker jquery引导 3 日期时间选择器 jquery
【发布时间】：2015-10-16 09:26:12
【问题描述】：

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

我想要实现的是结束不应该比开始更早选择时间。

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

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

谢谢。

【问题讨论】：

我做到了。它使用函数 minDate 和 maxDate。我尝试使用 useCurrent: false 但它有一个错误，它只在第一次工作，当我在输入结束时间后再次更改开始时间时，它不再工作了。
因为您没有任何其他要求，除了确保结束时间不早于开始时间，那么无忧的解决方案是，使用 jQuery 验证插件或引导验证插件，只需将验证放在时间字段，让他们为你做腿部工作。

【解决方案1】：

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

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

【讨论】：