el-date-picker结束月份默认为当前上月并且是同一年份
时间: 2023-07-28 09:18:25 浏览: 88
好的,问题已经记录下来了。关于你的问题,我可以提供以下代码片段来实现你的需求:
```
<el-date-picker
v-model="endDate"
type="month"
:picker-options="pickerOptions"
></el-date-picker>
```
```
data() {
return {
endDate: null,
pickerOptions: {
disabledDate(date) {
const currentMonth = new Date().getMonth() + 1;
const currentYear = new Date().getFullYear();
const selectedMonth = date.getMonth() + 1;
const selectedYear = date.getFullYear();
return selectedYear > currentYear || (selectedYear === currentYear && selectedMonth > currentMonth);
},
shortcuts: [{
text: '上月',
onClick(picker) {
const lastMonth = new Date();
lastMonth.setMonth(lastMonth.getMonth() - 1);
picker.$emit('pick', lastMonth);
}
}]
}
}
},
```
这段代码可以实现 `el-date-picker` 的结束月份默认为当前上月,并且是同一年份的功能。具体实现方式是通过 `pickerOptions` 来设置禁用未来日期的选项,同时添加一个名为 "上月" 的快捷方式,当用户点击该快捷方式后,会默认选择当前上个月的日期。
阅读全文