element ui 日期选择器el-date-picker日期选择范围控制

1. 只能选择过去半年的日期

<el-date-picker
        v-model="data"
        type="daterange"
        range-separator="——"
        format='yyyy-MM-dd'
        value-format='yyyy-MM-dd'
        start-placeholder="开始日期"
        end-placeholder="结束日期"
        :picker-options="pickerOptions">
</el-date-picker>

控制半年，两个季度，如果想改别的时间，只改动let two = 31 * 24 * 3600 * 1000 * 6;即可

data() {
  return {
	pickerMinDate: '',
    // 日期选择范围在2个季度内
    pickerOptions: {
	  onPick: ({ maxDate, minDate }) => {
	    this.pickerMinDate = minDate.getTime();
	    if (maxDate) {
	      this.pickerMinDate = '';
	    }
	  },
	  disabledDate: (time) => {
	    if (this.pickerMinDate !== '') {
	      let two = 31 * 24 * 3600 * 1000 * 6;
	      let minTime = this.pickerMinDate - two;
	      let maxTime = this.pickerMinDate + two;
	        if (maxTime > new Date()) {
	           maxTime = new Date();
	        }
	      return time.getTime() < minTime || time.getTime() > maxTime;
	     }
	     return time.getTime() > Date.now();
	   },
    },
  }
}

2. 只能选择今天以后的日期（包括今天）

<el-date-picker
	v-model="mockForm.date"
	type="daterange"
	range-separator="——"
	start-placeholder="开始日期"
	end-placeholder="结束日期"
	:picker-options="pickerOptions">
</el-date-picker>

data() {
	return {
		pickerOptions: {
          	disabledDate: (time) => {
            	let oneday = 24 * 3600 * 1000;
            	return time.getTime() < Date.now() - oneday;
	        }
	    },
	}
}

//今天(9月10 号)之前的都不能选

注意： 如果不想包括今天，从明天开始选择，不减去oneday即可。