Как отключить определенные минуты в Bootstrap datetimepicker? - PullRequest
Новая
       15

Как отключить определенные минуты в Bootstrap datetimepicker?

0 голосов
/ 20 апреля 2020

Я создаю веб-страницу для своего задания, и время работы с 14:00 до 22:30. Мне удалось использовать enabledHours, чтобы разрешить выбор часов, но я не знаю, как отключить время с 10.31 вечера (10.31 вечера - 10.59 вечера). Могу ли я узнать, как этого добиться? 

$(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>

1 Ответ

0 голосов
/ 20 апреля 2020

Вы можете попробовать .. 

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

Надеюсь, что это поможетПолный для вашей проблемы ... Подробнее Подходите к этому сайту Ссылочный сайт

...