如何在bootstrap-datetimepicker.js中将时间选择器设置为仅从上午8:30到晚上8:30设置时间? [英] How to set time picker only set time from 8:30 am to 8:30 pm in bootstrap-datetimepicker.js?

查看:183
本文介绍了如何在bootstrap-datetimepicker.js中将时间选择器设置为仅从上午8:30到晚上8:30设置时间?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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代码:

JavaScript code:

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

我需要将时间选择器的开始时间设置为8:30 AM,将结束时间设置为8:30 PM禁用时间选择器中的其他时间.怎么可能请您帮忙?

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?

推荐答案

在这里,我用以下代码解决了我的问题:

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) ] ]
    });

这篇关于如何在bootstrap-datetimepicker.js中将时间选择器设置为仅从上午8:30到晚上8:30设置时间?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆