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