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

前端之家收集整理的这篇文章主要介绍了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,maxDate)]]">[[_getDate(item)]]</div>
    </template>
</div>

添加了所需的样式:

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

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

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

猜你在找的JavaScript相关文章