element 时间选择限制

dom上

 <el-form-item label="开始时间" prop="startTime">
          <el-date-picker
            placeholder="选择时间"
            v-model="addForm.startTime"
            style="width: 100%;"
            :picker-options="pickerOptionsStart"
          ></el-date-picker>
        </el-form-item>
        <el-form-item label="结束时间" prop="endTime">
          <el-date-picker
            placeholder="选择时间"
            v-model="addForm.endTime"
            style="width: 100%;"
            :picker-options="pickerOptionsEnd"
          ></el-date-picker>
        </el-form-item>

script

data() {
    return {
      /* 日期控制范围 */
      pickerOptionsStart: {
        disabledDate: time => {
          if (this.addForm.endTime) {
            return (
              time.getTime() < Date.now() - 8.64e7 ||
              time.getTime() > new Date(this.addForm.endTime).getTime()
            );
          } else {
            return time.getTime() < Date.now() - 8.64e7;
          }
        }
        /*disabledDate(time) {
          return time.getTime() < Date.now() - 3600 * 1000 * 24;
        }*/
      },
      pickerOptionsEnd: {
        disabledDate: time => {
          if (this.addForm.startTime) {
            return (
              time.getTime() < Date.now() - 8.64e7 ||
              time.getTime() < new Date(this.addForm.startTime).getTime()
            );
          } else {
            return time.getTime() < Date.now() - 8.64e7;
          }
        }
        /*disabledDate(time) {
          return time.getTime() < Date.now() - 3600 * 1000 * 24;
        }*/
      },
    
    };