el-date-picker禁止选择指定日期
时间: 2023-07-24 08:09:42 浏览: 144
element-ui 限制日期选择的方法(datepicker)
要禁止选择指定日期,可以使用 el-date-picker 组件的 disabled-date 属性。该属性接受一个函数作为参数,该函数返回一个布尔值,用于指示是否禁用某个日期。
以下是一个示例代码,演示如何禁用 2022 年 10 月 1 日这一天:
```html
<template>
<el-date-picker
v-model="date"
:disabled-date="disabledDate"
type="date"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
date: null,
};
},
methods: {
disabledDate(date) {
return date.getFullYear() === 2022 && date.getMonth() === 9 && date.getDate() === 1;
},
},
};
</script>
```
在上面的代码中,disabledDate 方法接受一个 Date 对象作为参数,用于表示当前日期。在该方法中,我们判断当前日期是否为 2022 年 10 月 1 日,如果是,则返回 true,禁用该日期。如果不是,则返回 false,允许选择该日期。最后,在 el-date-picker 组件中,我们将 disabledDate 方法作为 disabled-date 属性的值传入,即可禁用指定日期的选择。
阅读全文