elementUi 日历添加可选区间(只能选择一个月的时间段)

<el-form-item>
        <el-date-picker clearable v-model="times" :picker-options="pickerOptions"
 type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss" start-placeholder="起始时间" end-placeholder="截止时间"> </el-date-picker>
      </el-form-item>

js

     times:'',
      pickerOptions: {
      onPick: ({maxDate, minDate}) => {
        this.times= minDate.getTime();
        if (maxDate) {
          this.times= ''
        }
        }, disabledDate: (time) => {
          if (this.times!== '') {
            const one = 30 * 24 * 3600 * 1000;
            const minTime = this.times- one;
            const maxTime = this.times+ one;
            return time.getTime() < minTime || time.getTime() > maxTime
          }
        }
      }
原文地址:https://www.cnblogs.com/shuihanxiao/p/13997458.html