我正在尝试在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,maxDate)]]">[[_getDate(item)]]</div>
</template>
</div>
并添加了所需的样式:
[part="days"][disabled] {
color: var(--lumo-disabled-text-color);
}
在这种情况下,所有月份的所有日期都会消失,但是用户可以选择它们.我想念什么吗?如何使禁用日期也无法选择?
最佳答案
好的,我找到了,只需要添加指针事件即可.