element-ui 选择日期范围,只允许上下一个月浮动

1,144 阅读1分钟

如图所示,以当前日期2020-11-17,往前只能到2020-10-18,往后只能到2020-12-17。

代码示例

  <el-date-picker"
        v-model="dateRange" format="yyyy-MM-dd"
        type="daterange" :picker-options="pickerOptions1"
        placeholder="选择日期" align="top" :clearable="false">
  </el-date-picker>
    pickerOptions1: {
    	onPick: ({ maxDate, minDate }) => {
            this.pickerMinDate = minDate.getTime();
            if (maxDate) {
                this.pickerMinDate = '';
            }
        },
        disabledDate:(time)=> {
            if (this.pickerMinDate !== '') {
                let one = 30 * 24 * 3600 * 1000
                let minTime = this.pickerMinDate - one;
                let maxTime = this.pickerMinDate + one;
                return time.getTime() < minTime || time.getTime() > maxTime
            }
        },
      }