如何在Bootstrap datetimepicker中禁用某些分钟?

问题描述 投票:0回答:1

我正在为我的任务创建一个网页,营业时间是从2.00pm到10.30pm。我设法使用enabledHours启用了小时数,但是我不知道如何禁用从10.31pm开始(10.31pm-10.59pm)的时间。我可以知道实现此目标的方法吗?

$(function () {
  $('#datetimepicker1').datetimepicker({
      defaultDate: moment(),      
      maxDate: moment(),          
      ignoreReadonly: true,       
      enabledHours: [14,15,16,17,18,19,20,21,22],
      format: 'DD-MM-YYYY HH:mm A'
  })
});
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/momentjs/2.14.1/moment.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <script
    src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
  <link rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
</head>

<body>
    <div class="form-group" style="margin-left: 15px; margin-bottom: 20px;">
    Date and Time Visited <span style="color: red;"> * </span>
      <div class="input-group date" id="datetimepicker1">
        <input type="text" class="form-control" required readonly>
        <span class="input-group-addon">
          <span class="glyphicon glyphicon-calendar"></span>
       </span>
      </div>
   </div>
</body>
javascript html datetimepicker
1个回答
0
投票

您可以尝试..

disabledTimeIntervals: [[moment({ h: 0 }), moment({ h: 8 })], [moment({ h: 18 }), moment({ h: 24 })]]

我希望它对您的问题有帮助...详细信息访问此网站Refernece Website

© www.soinside.com 2019 - 2024. All rights reserved.