Question

HTML CODE：

<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采用一组定义时间范围的数组。

$('.ByteHeadTitle').hide();

$('#ByteHeaderContainer').click(function() {        
    $(this).next('#Byte').fadeToggle('fast');
    $(this).children('.ByteHeadTitle').fadeToggle('fast');   
});

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

因此，如果您想定义一家营业时间为上午8:30至晚上8:30且营业时间为30分钟的商店，那么展示如下：

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

Answer 2

在这里，我用这段代码解决了我的问题：

$('.event_date').datetimepicker({
        disabledTimeIntervals: [ [ moment().hour(0), moment().hour(8).minutes(30) ], [ moment().hour(20).minutes(30), moment().hour(24) ] ]
    });

Answer 3

自己没有尝试过，而是来自docs，

disabledTimeIntervals
4.14.40

Default: false
Disables time selection between the given moments

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

3 个答案: