el-date-picker今天之前
时间: 2023-10-08 14:09:08 浏览: 114
要限制只能选择当天之前的日期,你可以使用 el-date-picker 组件的 picker-options 属性结合 disabledDate 方法。在 disabledDate 方法中,你需要将时间与当前时间进行比较,如果时间大于当前时间,则返回 true,表示该日期应该被禁用。以下是一个示例代码:
```html
<template>
<div>
<el-date-picker v-model="selectedDate" :picker-options="pickerOptions"></el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
selectedDate: null,
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now();
},
},
};
},
};
</script>
```
在上述代码中,通过比较时间的 getTime() 值与当前时间的 getTime() 值,我们可以判断日期是否大于当前日期。如果大于当前日期,则 disabledDate 方法返回 true,表示该日期应该被禁用,用户无法选择。因此,通过设置 disabledDate 方法,你可以实现 el-date-picker 组件只能选择当天之前的日期的限制。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
阅读全文