Bootstrap 3日期时间选择器jQuery插件

Question

5

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

我希望实现的是，结束时间不能早于开始时间。

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

日期选择器有一个类似于日期的功能，但我不知道如何在时间上实现它。

谢谢。

- pat3ck029

我做了。它使用minDate和maxDate函数。我尝试使用useCurrent: false，但它有一个错误，它只在第一次起作用，当我再次更改开始时间并输入结束时间后，它就不再起作用了。 - pat3ck029

由于您除了确保结束时间不早于开始时间之外没有任何其他要求，所以无需繁琐操作，简单的解决方案是使用jQuery验证插件或Bootstrap验证插件，在时间字段上放置验证，让它们为您完成所有工作。 - Shehary

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- meskobalazs · Accepted Answer

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

你可以在用户更改其中一个选择器时运行回调函数。在这个回调函数中，你可以使用 date() 函数获取当前的 moment，并将其设置为另一个选择器的上限/下限，以使用 disabledTimeIntervals 禁用时间间隔。