el-date-picker 把一些时间置灰
时间: 2023-08-18 18:05:44 浏览: 90
要将特定的日期置灰,你可以在`picker-options`中使用`disabledDate`函数来指定哪些日期应该被禁用。在这个函数中,你可以根据自己的需求进行日期的判断和处理。下面是一个示例:
```html<el-date-picker v-model="date"
:picker-options="pickerOptions"
></el-date-picker>
```
```javascriptdata() {
return {
date: '',
pickerOptions: {
disabledDate(time) {
// 在这里判断时间是否需要禁用 // 返回 true 表示禁用该日期 // 返回 false 表示允许选择该日期 //例如,禁用2022 年1月1 日之后的所有日期 const year = time.getFullYear();
const month = time.getMonth();
const day = time.getDate();
const targetDate = new Date(2022,0,1); //2022 年1月1 日 return time > targetDate;
}
}
};
}
```
在上述示例中,我们使用`disabledDate`函数来判断日期是否应该被禁用。在这个函数中,我们创建了一个`targetDate`变量,表示需要禁用的日期,这里是2022 年1月1 日。然后,我们将传入的时间与`targetDate`进行比较,如果传入的时间大于`targetDate`,则返回`true`禁用该日期;否则返回`false`允许选择该日期。你可以根据自己的需求修改`disabledDate`函数中的判断条件来禁用特定的日期。
阅读全文