Отключить весь месяц в Vaadin Date Picker - PullRequest
Новая
       30

Отключить весь месяц в Vaadin Date Picker

3 голосов
/ 26 марта 2019

Я пытаюсь отключить все даты всех месяцев в vaadin-date-picker.Просматривая код, я обнаружил, что могу по отдельности отключить даты, установив disabled в vaadin-month-calendar.html # L75 .В этом случае дата отключения отключена, что связано с vaadin-month-calendar-styles.html # L119 , и нельзя больше выбирать дату отключения.

Аналогично,Я сделал следующее: 

<div id="days" part="days" disabled>
    <template is="dom-repeat" items="[[_days]]">
        <div part="date" today$="[[_isToday(item)]]" selected$="[[_dateEquals(item, selectedDate)]]" focused$="[[_dateEquals(item, focusedDate)]]" date="[[item]]" disabled$="[[!_dateAllowed(item, minDate, maxDate)]]" role$="[[_getRole(item)]]" aria-label$="[[_getAriaLabel(item)]]" aria-disabled$="[[_getAriaDisabled(item, minDate, maxDate)]]">[[_getDate(item)]]</div>
    </template>
</div>

И добавил требуемый стиль: 

[part="days"][disabled] {
    color: var(--lumo-disabled-text-color);
}

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

1 Ответ

2 голосов
/ 26 марта 2019

Хорошо, я нашел это, просто нужно добавить pointer-events: none;

...