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?
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.
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:
Here i solved my problem with this code:
Haven't tried it myself but from the docs,