如何在Element UI中为特定日期设置不可选择状态?
时间: 2024-10-27 17:15:08 浏览: 19
element-ui 限制日期选择的方法(datepicker)
在Element UI的`el-date-picker`组件中,如果你想为特定日期设置不可选择状态,可以使用`disabled-day`属性。这个属性接收一个函数作为值,该函数会在每一天渲染之前被调用,如果返回`true`,则表示这一天是禁选的。
下面是一个简单的例子:
```html
<template>
<el-date-picker
type="date"
v-model="selectedDate"
:disabled-day="disableDay"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
selectedDate: '',
disableDay(date) {
// 检查日期是否为禁选日期,这里假设你想禁止所有偶数月份的最后一天
const isLastDayOfMonthEven = date.month % 2 === 0 && date.day === 31;
return isLastDayOfMonthEven;
},
};
},
};
</script>
```
在这个例子中,`disableDay`函数检查给定的日期是不是每个月的最后一天,并且是偶数月份的话,就会返回`true`,使得那一天不可选择。
阅读全文