el-date-picker 日期范围选择器 只能选取开始时间到结束时间三个月之内
时间: 2023-08-03 13:27:24 浏览: 236
如果你想要限制 el-date-picker 日期范围选择器只能选取开始时间到结束时间三个月之内的日期,你可以通过修改 `pickerOptions` 属性来实现。具体方法如下:
```
<el-date-picker
v-model="dateRange"
type="daterange"
:picker-options="pickerOptions">
</el-date-picker>
```
```
data() {
return {
pickerOptions: {
disabledDate(time) {
// 获取选择的开始时间和结束时间
const start = new Date(this.$refs.datePicker[0].value);
const end = new Date(this.$refs.datePicker[1].value);
// 计算开始时间到结束时间的天数
const days = (end - start) / (24 * 60 * 60 * 1000);
// 如果天数大于90天,则禁用这个日期
return time.getTime() < start.getTime() || time.getTime() > end.getTime() || days > 90;
}
},
dateRange: []
};
}
```
在上面的代码中,我们通过 `disabledDate` 方法获取选择的开始时间和结束时间,然后计算开始时间到结束时间的天数。如果天数大于90天,则禁用这个日期。这样就可以实现 el-date-picker 日期范围选择器只能选取开始时间到结束时间三个月之内的日期了。
阅读全文