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

Question

我试图在 vaadin-date-picker 中禁用所有月份的所有日期。在查看代码时，我发现我可以通过在 vaadin-month-calendar.html#L75 中设置 disabled 来单独禁用日期.在这种情况下，禁用日期会变淡，这是由于 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);
}

在这种情况下，所有月份的所有日期都会淡化，但用户仍然可以选择它们。我错过了什么吗？如何使禁用日期也不可选择？

Answer 1

好的，我找到了，只需要添加pointer-events: none;