使用element写一个月份选择器,例如选择1月-2月,实际日期为12月26日-2月25日
时间: 2024-05-20 13:16:12 浏览: 79
<template>
<div class="date-picker">
<el-date-picker
v-model="startDate"
type="month"
placeholder="开始月份"
:picker-options="pickerOptions"
></el-date-picker>
<span>至</span>
<el-date-picker
v-model="endDate"
type="month"
placeholder="结束月份"
:picker-options="pickerOptions"
></el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
startDate: "",
endDate: "",
pickerOptions: {
disabledDate: (time) => {
if (!this.startDate || !this.endDate) {
return false;
}
const start = new Date(`${this.startDate}-26`);
const end = new Date(`${this.endDate}-25`);
return time.getTime() < start.getTime() || time.getTime() > end.getTime();
},
},
};
},
};
</script>
阅读全文