el-date-picker中:disabled-date2024-10-10之后的日期禁选
时间: 2024-11-09 19:30:44 浏览: 33
在Element UI的`el-date-picker`组件中,如果你想禁止选择2024年10月10日之后的日期,你可以自定义一个`disabledDate`函数。这个函数通常接收当前选择的日期作为参数,如果返回值是true,则表示该日期不可选。
以下是一个简单的例子:
```javascript
<template>
<el-date-picker
type="date"
:disabled-date="disabledDate"
placeholder="选择日期">
</el-date-picker>
</template>
<script>
export default {
data() {
return {
disabledDate: (currentDate) => {
// 如果当前日期大于等于2024年10月10日,返回true使其不可选
const targetDate = new Date('2024-10-10');
if (currentDate >= targetDate) {
return true;
} else {
return false; // 否则默认允许选择
}
},
};
},
};
</script>
```
在这个示例中,当你尝试选择2024年10月10日或之后的日期时,它会被标记为不可选。如果你需要更复杂的规则,可以根据实际情况调整这个函数。
阅读全文