如何设置时间选择器只设置bootstrap-datetimepicker.js上午8:30到晚上8:30的时间?
HTML代码:
`
JavaScript代码:
$('#event_start_date').datetimepicker({ minTime: "08:30:00" });
我需要将timepicker开始时间设置为上午8:30到结束时间为晚上8:30禁用其他时间选择器。 怎么可能请帮忙?
这里缺少文档,但我发现以下项目是关键。
了解datetimepicker使用moment.js库。
disabledTimeIntervals采用定义时间范围的数组数组。
[ //outer array [ start_time, end_time], [ second_start_time, second_end_time] ]
另一个关键点是,当你定义一个时刻时,你需要包括小时和分钟,留下默认值导致filter对我不起作用。
因此,如果您想定义一家营业时间为上午8:30至晚上8:30,营业时间为30分钟的商店,具体情况如下:
$('.event_date').datetimepicker({ disabledTimeIntervals: [ [moment().hour(0).minutes(0), moment().hour(8).minutes(30)], [moment().hour(20).minutes(30), moment().hour(24).minutes(0)] ] });
在这里,我用这段代码解决了我的问题:
$('.event_date').datetimepicker({ disabledTimeIntervals: [ [ moment().hour(0), moment().hour(8).minutes(30) ], [ moment().hour(20).minutes(30), moment().hour(24) ] ] });
没有尝试过,但是从文档中 ,
disabledTimeIntervals 4.14.40 Default: false Disables time selection between the given moments