element时间选择器的选择时间限制在一个月(亲测有效)

时间选择器的选择时间限制在一个月


<el-date-picker  type="daterange"  unlink-panels  value-format="yyyy-MM-dd"  range-separator="至"  start-placeholder="开始日期"  end-placeholder="结束日期"   :picker-options="pickerOptions">
</el-date-picker>
日期选择范围在一个月内(在data里面使用)
 selectDate = ''
 pickerOptions = {
     
      onPick: ({
     maxDate, minDate}) => {
     
        this.selectDate = minDate.getTime();
        if (maxDate) {
     
          this.selectDate = ''
        }
      },
      disabledDate: (time) => {
     
        if (this.selectDate !== '') {
     
          const one = 30 * 24 * 3600 * 1000;
          const minTime = this.selectDate - one;
          const maxTime = this.selectDate + one;
          return time.getTime() < minTime || time.getTime() > maxTime
        }
      }
    }

你可能感兴趣的:(vue.js,typescript)