未日期選擇時:

選擇第一個日期之后其他年份的日期無法選擇,第二個日期只能從第一個日期年份中選擇效果圖:


<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 } } }, }; }, }
