element ui 日期選擇器禁止跨年選擇(禁止跨月同理)


 未日期選擇時:

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM