el-date-picker 特定几天可选
时间: 2023-10-10 20:09:56 浏览: 67
el-date-picker 英文改中文.doc
5星 · 资源好评率100%
您好!关于您的问题,可以设置 el-date-picker 的 disabled-date 属性来控制特定几天可选。举个例子,如果想要禁用 2021 年 9 月 1 日至 9 月 3 日这三天,可以这样设置:
<el-date-picker :disabled-date="disabledDate"></el-date-picker>
然后在 Vue 实例的 methods 中定义 disabledDate 方法:
methods: {
disabledDate(time) {
const disabledDay = [new Date(2021, 8, 1), new Date(2021, 8, 2), new Date(2021, 8, 3)]
return disabledDay.some(disabled => disabled.getTime() === time.getTime())
}
}
其中,disabledDay 数组中存储禁用的日期,disabledDate 方法会检查当前日期是否在禁用日期列表中,如果是则返回 true,否则返回 false。这样就可以实现禁用特定几天了。希望能对您有帮助!
阅读全文