效果图片
![](https://i-blog.csdnimg.cn/blog_migrate/74ff3843d8bd29f1e7b81b55ab153c67.png)
![](https://i-blog.csdnimg.cn/blog_migrate/67b9379ae67fcb6a081ef7206bb32c4b.png)
代码
<el-date-picker
v-model="value1"
type="monthrange"
range-separator="至"
start-placeholder="开始月份"
end-placeholder="结束月份"
:picker-options="pickerOptions"
>
</el-date-picker>
curDate: "",
pickerOptions: {
onPick: ({ maxDate, minDate }) => {
this.curDate = minDate.getTime();
if (maxDate) {
this.curDate = "";
}
},
disabledDate: (time) => {
let oldDate = new Date('2021-12-31T12:00:00.000Z') #最小日期
let oneYear = new Date(oldDate).getTime();
return (
time.getTime() > Date.now() ||
time.getTime() < oneYear
);
},
},
value1: "",