Как отключить событие «клик» на каждый день из «Выбор диапазона дат»? - PullRequest
Новая
       9

Как отключить событие «клик» на каждый день из «Выбор диапазона дат»?

0 голосов
/ 21 ноября 2018

Я пытаюсь предотвратить событие 'click' в каждый день DateRangePicker , я просто пытаюсь запретить пользователям изменять диапазон дат.

Я создал'pen' на Codepen, это ссылка: https://codepen.io/jnts/pen/yQPwmB

HTML 

<input data-start="16/11/2018" data-end="16/12/2018" type="text" name="dates">

Javascript 

const self = $('input[name="dates"]')

self.daterangepicker({
    applyButtonClasses: 'd-none',
    showDropdowns: false,
    opens: "center",
    drops: "down",
    autoApply: false,
    startDate: self.data('start'),
    endDate: self.data('end'),
    minDate: self.data('start'),
    maxDate: self.data('end'),
    locale: {
      format: "DD/MM/YYYY",
      separator: " - ",
      firstDay: 1
    }
});

Я уже пытался добавить атрибут «disabled» в input, но это только предотвращает событие «click» в input, поэтому DateRangePicker не появляется.

Я простохочу показать диапазон дат в виде «Только для чтения».

1 Ответ

0 голосов
/ 21 ноября 2018

Добавление pointer-events: none к элементу с CSS предотвратит любые события щелчка, инициируемые этим элементом.Чтобы отключить события кликов в открытом календаре, добавьте в таблицу стилей следующее: 

.drp-calendar {
 pointer-events: none;
}

См. Раздвоенный код здесь: https://codepen.io/sungaila/pen/rQJOMQ

...