How to set time picker only set time from 8:30 am

2019-03-16 21:11发布

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 code:

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

I need to set timepicker start time as 8:30 AM to End time as 8:30 PM disable other time in time picker. How is possible please help?

3条回答
太酷不给撩
2楼-- · 2019-03-16 21:38

The docs are lacking here, but I found that the following items are the key.

Understand that the datetimepicker uses the moment.js library.

The disabledTimeIntervals takes an array of arrays that define a time range.

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

The other key point is that when you define a moment, you need to include the hour and minute, leaving the defaults caused the filter to no work for me.

So if you wanted to define a shop that was open from 8:30 AM to 8:30 PM with a 30 minute, it would look as follows:

$('.event_date').datetimepicker({
    disabledTimeIntervals: [
      [moment().hour(0).minutes(0), moment().hour(8).minutes(30)],
      [moment().hour(20).minutes(30), moment().hour(24).minutes(0)]
   ]
});
查看更多
一纸荒年 Trace。
3楼-- · 2019-03-16 21:39

Here i solved my problem with this code:

$('.event_date').datetimepicker({
        disabledTimeIntervals: [ [ moment().hour(0), moment().hour(8).minutes(30) ], [ moment().hour(20).minutes(30), moment().hour(24) ] ]
    });
查看更多
走好不送
4楼-- · 2019-03-16 21:42

Haven't tried it myself but from the docs,

disabledTimeIntervals
4.14.40

Default: false
Disables time selection between the given moments
查看更多
登录 后发表回答