picker-options时间限制只能选择上月往前的
时间: 2023-09-13 15:11:22 浏览: 85
ngx-datetime-range-picker:角材料日期时间范围选择器,具有每日,每周,每月,每季度和每年的水平
您可以通过在 picker-options 中使用 disabledDate 属性来限制可选日期。以下是一个示例,以限制可选日期为上个月及其之前的日期:
```
<el-date-picker v-model="date" type="date" :picker-options="pickerOptions"></el-date-picker>
...
data() {
return {
date: '',
pickerOptions: {
disabledDate: (time) => {
const lastMonth = new Date(new Date().getFullYear(), new Date().getMonth() - 1, 1); // 上个月的1号
return time.getTime() > Date.now() || time.getTime() < lastMonth.getTime(); // 只能选择上个月及其之前的日期
}
}
}
}
```
在上面的示例中,我们使用了 disabledDate 属性来定义一个函数,该函数接收一个日期对象 time,如果该日期对象所代表的时间超过当前时间或者早于上个月的1号,则该日期将被禁用。
阅读全文