如何设置时间选择器只设置bootstrap-datetimepicker.js上午8:30到晚上8:30的时间？

Question

HTML代码:

<div class="form-group">
      <label class="col-md-3 control-label" for="event_date">Start at</label>  
      <div class="col-md-8">
        <input id="event_start_date" name="event_start_date" type="text"  placeholder="" class="form-control input-md event_date" required="">
          </div>
      </div>

      <div class="form-group">
       <label class="col-md-3 control-label" for="event_date">End at</label>  
         <div class="col-md-8">
      <input id="event_end_date" name="event_end_date" type="text" placeholder="" class="form-control input-md event_date" required="">
      </div>
</div>`

JavaScript代码:

$('#event_start_date').datetimepicker({
    minTime: "08:30:00"
});

我需要设置时间戳开始时间为上午8:30到结束时间为晚上8:30禁用其他时间选择器.怎么可以帮忙？

Answer 1

这里缺少文档,但我发现以下项目是关键.

了解datetimepicker使用moment.js库.

disabledTimeIntervals采用定义时间范围的数组数组.

[ //outer array
  [ start_time, end_time],
  [ second_start_time, second_end_time]
]

另一个关键点是,当你定义一个时刻时,你需要包括小时和分钟,留下默认值导致过滤器对我不起作用.

因此,如果您想定义一家商店,营业时间为上午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)]
   ]
});