bootstrap 3 datetimepicker jquery

发布时间：2020-12-17 20:42:59 所属栏目：安全来源：网络整理

导读：我正在使用 https://eonasdan.github.io/bootstrap-datetimepicker/的Datetimepicker来完成我的项目. 我想要达到的目标是结束时不应该比开始更早地选择时间. $('#timePickerStart').datetimepicker({ format : 'LT'});$('#timePickerEnd').datetimepicker({

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

enter image description here

我想要达到的目标是结束时不应该比开始更早地选择时间.

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

datetimepicker有一个类似日期的函数,但我不知道如何及时实现它.

谢谢.

解决方法

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

您可以做的是：当用户更改其中一个选择器时,运行回调.在此回调中,您可以使用date()函数获取当前时刻,然后将其设置为另一个选择器作为具有disabledTimeIntervals的上限/下限.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!