elementui中el-date-picker的monthrange限制只能选12个月以内
时间: 2023-07-24 15:05:27 浏览: 56
是的,`el-date-picker` 中的 `monthrange` 属性默认限制了只能选择最多 12 个月内的时间范围。如果需要更长的时间范围,可以通过设置 `picker-options` 属性来自定义选项,例如:
``` html
<el-date-picker
v-model="dateRange"
type="daterange"
:picker-options="pickerOptions"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
```
``` js
data() {
return {
dateRange: null,
pickerOptions: {
shortcuts: [{
text: '最近三个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setMonth(start.getMonth() - 3);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近半年',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setMonth(start.getMonth() - 6);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近一年',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setFullYear(end.getFullYear() - 1);
picker.$emit('pick', [start, end]);
}
}]
}
}
}
```
在上述示例中,我们通过 `picker-options` 属性自定义了三个快捷选项,分别是最近三个月、最近半年和最近一年,这样用户就可以方便地选择更长时间范围的日期。