element-ui el-date-picker禁用日期
时间: 2024-08-16 17:02:09 浏览: 131
vue element-ui el-date-picker限制选择时间为当天之前的代码
Element UI 的 `el-date-picker` 组件提供了一个 `disabled-day` 属性,用于禁用特定日期的选择。这个属性接收一个函数作为值,函数会接收到当前日期作为参数,如果返回 `true`,则该日期将被禁用。
例如,如果你想禁用所有周末(周六和周日),你可以这样做:
```vue
<template>
<el-date-picker
v-model="value"
type="daterange"
:disabled-days="disabledDays"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
value: '',
disabledDays: (day) => day.getDay() === 0 || day.getDay() === 6, // 0 表示周一,6 表示周日
};
},
};
</script>
```
在这个例子中,`disabledDays(day)` 函数检查给定日期是否为周末,如果是,则返回 `true`,使得该日期在日期选择器中不可选择。
阅读全文