javascript-在vaadin日期选择器中禁用整个月

我正在尝试在vaadin-date-picker中禁用所有月份的所有日期.浏览代码时,
我发现可以通过在vaadin-month-calendar.html#L75中设置disable来单独禁用日期.在这种情况下,禁用日期会由于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);
}

在这种情况下,所有月份的所有日期都会消失,但是用户可以选择它们.我想念什么吗？如何使禁用日期也无法选择？

解决方法:

好的,我找到了,只需要添加指针事件即可.

标签：vaadin,web-component,polymer-2-x,javascript
来源： https://codeday.me/bug/20191211/2105514.html