Динамическое отключение определенных дат с помощью загрузчика даты и времени начальной загрузки - PullRequest
Новая
       73

Динамическое отключение определенных дат с помощью загрузчика даты и времени начальной загрузки

0 голосов
/ 27 апреля 2018

Я использую загрузчик datetimepicker (http://www.malot.fr/bootstrap-datetimepicker), но нет способа отключить определенные даты после инициализации datetimepicker.

Как программно отключить определенные даты, используя указатель даты выше?

Ответы [ 2 ]

0 голосов
/ 27 апреля 2018

У него есть эта функция, но она не задокументирована на их сайте. Вы можете

  • установить "dateDisabled" в настройках при создании средства выбора
  • установить атрибут данных "data-date-disabled"
  • вызов метода выбора "setDatesDisabled"

Используйте для этого определенный вами формат.

Пример для первого варианта: 

$(".form_datetime").datetimepicker({
  format: 'yyyy-mm-dd hh:ii',
  datesDisabled: ["2018-04-28 12:00"]
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smalot-bootstrap-datetimepicker/2.4.4/js/bootstrap-datetimepicker.min.js"></script>

<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://www.malot.fr/bootstrap-datetimepicker/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css">

<input size="16" type="text" value="2018-04-27 14:45" readonly class="form_datetime">
0 голосов
/ 27 апреля 2018

В новой версии загрузчика даты и времени начальной загрузки есть метод с именем setDatesDisabled (), но он не упомянут в документации.

...