Vue 开始时间与结束时间的约束

<el-form-item label="开始时间" prop="starttime">

    <div class="block">

​       <el-date-picker

​         v-model="form.starttime"

​         type="date"

​         format="yyyy-MM-dd HH:mm:ss" 

​         value-format="yyyy-MM-dd HH:mm:ss"

​         :picker-options="pickerOptionsStart"

​         placeholder="选择日期">

​        </el-date-picker>

​      </div>

​    </el-form-item>

​    <el-form-item label="结束时间" prop="endtime">

      <div class="block">

​       <el-date-picker

​         v-model="form.endtime"

​         type="date"

​         format="yyyy-MM-dd HH:mm:ss" 

​         value-format="yyyy-MM-dd HH:mm:ss"

​         :picker-options="pickerOptionsEnd"

​         placeholder="选择日期">

​        </el-date-picker>

​      </div>

​    </el-form-item>

export default {

 name: "",

 data() {

  return {

   pickerOptionsStart: {

​    disabledDate: time => {

​     if (this.form.endtime) {

​        return time.getTime() > new Date(this.form.endtime).getTime()+28800000
         //加28800000刚好是8小时，也就是东八区时区
​     }

​    }

   },

   pickerOptionsEnd: {

​    disabledDate: time => {

​     if (this.form.starttime) {

​      return time.getTime() < new Date(this.form.starttime).getTime()+28800000 - 86400000
       //结束时间与开始时间相差一天，也就是24小时，但这里不可以在24的基础上加8小时，只能在原时间基础上加8小时,保证开始时间小于等于结束时间
​     }

​    }

   },

  }

 }

}