Может ли datetimepicker bootstrap 3 оставить активными только некоторые даты и время?

Ссылка скопирована
1 ответ

На странице есть поле с datetimepicker. Возможно ли его изменить? Передать в него даты со временем, которые должны быть активными и деактивировать остальные?

Дополнительно:

Ответы:

Ok, google

  • это при инициализации, а если изменить существующий?
Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Никита Орлов Ответ

Да, datetimepicker в Bootstrap 3 позволяет оставить активными только определенные даты и время. Для этого можно использовать опцию `datesDisabled` для дат и `disabledTimeIntervals` для времени.

Пример использования `datesDisabled` для блокировки определенных дат:

```html

<div class="input-group date" id="datetimepicker">
 
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

<div class="input-group date" id="datetimepicker"> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div>

```

```javascript

$('#datetimepicker').datetimepicker({
    format: 'YYYY-MM-DD',
    datesDisabled: ['2021-10-15', '2021-10-20']
});

$('#datetimepicker').datetimepicker({ format: 'YYYY-MM-DD', datesDisabled: ['2021-10-15', '2021-10-20'] });

```

В приведенном выше примере даты '2021-10-15' и '2021-10-20' будут заблокированы и недоступны для выбора.

Теперь рассмотрим пример использования `disabledTimeIntervals` для блокировки определенных временных интервалов:

```html

<div class="input-group date" id="datetimepicker">
 
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-time"></span>
    </span>
</div>

<div class="input-group date" id="datetimepicker"> <span class="input-group-addon"> <span class="glyphicon glyphicon-time"></span> </span> </div>

```

```javascript

$('#datetimepicker').datetimepicker({
    format: 'HH:mm',
    disabledTimeIntervals: [
        [moment({ h: 0 }), moment({ h: 8 })],
        [moment({ h: 18 }), moment({ h: 24 })]
    ]
});

$('#datetimepicker').datetimepicker({ format: 'HH:mm', disabledTimeIntervals: [ [moment({ h: 0 }), moment({ h: 8 })], [moment({ h: 18 }), moment({ h: 24 })] ] });

```

В этом примере временные интервалы с 00:00 до 08:00 и с 18:00 до 24:00 будут заблокированы.

Таким образом, вы можете легко настроить datetimepicker в Bootstrap 3 для блокировки определенных дат и времени, чтобы оставить активными только нужные.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно