el-date-picker不能选取今天之前的日期
时间: 2023-09-22 09:10:35 浏览: 87
vue element-ui el-date-picker限制选择时间为当天之前的代码
您好!对于 el-date-picker,要限制只能选取今天及今天之后的日期,您可以使用它的 disabledDate 属性来实现。
您可以在 el-date-picker 上添加一个 disabledDate 的函数,该函数接收一个日期参数,返回一个布尔值,指示该日期是否应该被禁用。在函数内部,您可以比较传入的日期与当前日期,如果传入的日期小于当前日期,则返回 true,表示应该禁用该日期。
以下是一个示例代码:
```html
<template>
<el-date-picker
v-model="selectedDate"
:disabled-date="disabledDate"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
selectedDate: null
};
},
methods: {
disabledDate(date) {
const today = new Date();
today.setHours(0, 0, 0, 0); // 设置为当天的 00:00:00
return date < today;
}
}
};
</script>
```
在上述示例中,disabledDate 函数比较传入的日期与当前日期(设置为当天的 00:00:00),如果传入的日期早于当前日期,则返回 true,表示应该禁用该日期。否则,返回 false,表示该日期可选。
希望对您有所帮助!如果有任何其他问题,请随时提问。
阅读全文