Отключите средство выбора всех дат в диапазоне даты-времени

#javascript #jquery #datetimepicker

Вопрос:

Я использую средство выбора диапазона времени и даты, как указано здесь. В некоторых сценариях мне нужны только раскрывающиеся списки «Время начала» и «время окончания». Можно ли отключить все даты, отображаемые в календаре, или скрыть календарь? Я также хочу удалить метку, отображаемую перед кнопками «Отмена» и «Применить». Кто-нибудь знает, как это сделать?

введите описание изображения здесь

Комментарии:

1. если вы используете ranges опцию, вы можете установить alwaysShowCalendars для параметра значение false

2. Спасибо, @scr2em. Но даже после установки alwaysShowCalendars параметра в значение false, если я выберу опцию «пользовательский диапазон» из выпадающего списка, я все равно смогу увидеть календарь.

Ответ №1:

Согласно официальному документу

Автоматическое применение: (истина/ложь) Скройте кнопки «Применить» и «Отмена» и автоматически примените новый диапазон дат, как только будут нажаты две даты.

показать.daterangepicker: Срабатывает, когда отображается средство выбора

 $('#daterangepicker').daterangepicker({
    "autoApply": true,
}).on('show.daterangepicker', function (ev, picker) {
    picker.container.find(".calendar-table").hide();
});
 

Ответ №2:

Я использую jQuery, чтобы скрыть календарь, но не уверен, что это правильный способ сделать это.

 # Hide Calendar
$(".calendar-table").hide();

# Hide label that is displayed before "Cancel" and "Apply" buttons.
$(".drp-selected").hide();