未日期选择时:
选择第一个日期之后其他年份的日期无法选择,第二个日期只能从第一个日期年份中选择效果图:
<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 } } }, }; }, }