el-data-picker禁用今天之前的时间
时间: 2024-09-21 18:03:36 浏览: 45
在Element UI的`el-date-picker`组件中,如果你想禁止选择今天之前的日期,你可以设置其属性`disabled-day`。这是一个回调函数,接收当天的日期作为参数,返回一个布尔值。当这个函数返回`true`时,该日期就会被禁选。
以下是一个简单的例子:
```javascript
<template>
<el-date-picker
v-model="value"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:disabled-days="disabledDays" <!-- 这里添加了 disabled-days 属性 -->
></el-date-picker>
</template>
<script>
export default {
data() {
return {
value: '',
disabledDays(currentDate) { // 当前日期作为参数
if (currentDate && currentDate.getDate() === 1) { // 如果当前日期是今天
const today = new Date();
return currentDate < today; // 检查是否小于今天的日期
}
return false; // 如果不是今天,则默认允许选择
},
};
},
};
</script>
```
在这个例子中,如果用户尝试选择的是昨天或者更早的日期,`disabledDays`函数会返回`true`,阻止选择操作。
阅读全文