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
          }
        }
      },
    };
  },
}
posted @ 2020-03-30 15:31  旸神逆神旸  阅读(1951)  评论(0)    收藏  举报