未日期选择时:
选择第一个日期之后其他年份的日期无法选择,第二个日期只能从第一个日期年份中选择效果图:
<el-date-picker v-model="selectedDateValue" value-format="yyyy-MM-dd"
format="yyyy-MM-dd" type="daterange" :picker-options="pickerOptions0"
range-separator="至" ></el-date-picker>
export default {
data() {
return {
selectDate: null,
selectedDateValue: null, //时间区间
pickerOptions0: {
disabledDate: time => {
if (this.selectDate == null) {
return false
} else {
return (this.selectDate.getFullYear() != time.getFullYear())
}
},
onPick: date => {
// 如果只选择一个则保存至selectDate 否则selectDate 为空
if (date.minDate && !date.maxDate) {
this.selectDate = date.minDate
} else {
this.selectDate = null
}
}
},
};
},
}