【element-ui】使用picker-options限制结束时间不得早于开始时间

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<el-form-item class="form-item" label="开始时间：" prop="starttime" label-width="100px">//注意这里是是开始时间     <el-date-picker      v-model="form.starttime"      type="date"      format="yyyy-MM-dd"      value-format="yyyy-MM-dd"      placeholder      :picker-options="pickerOptionsEnd(form.starttime)" //此处把form.starttime（结束时间）传过去     /> </el-form-item> <el-form-item class="form-item" label="结束时间：" prop="endtime" label-width="100px">//这里是结束时间     <el-date-picker      v-model="form.endtime"      type="date"      format="yyyy-MM-dd"      value-format="yyyy-MM-dd"      placeholder      :picker-options="pickerOptionsEnd(form.starttime)"//此处把form.starttime（开始时间）传过去     /> </el-form-item>

　

data:{
    return(){
         form: {
            starttime: "",
            endtime: "",
         }
         pickerOptionsStart(val) {
            return {
                  disabledDate(time) {
                    return time.getTime() > new Date(val).getTime();
                  },
            };
         },
        pickerOptionsEnd(val) {
            return {
                  disabledDate(time) {
                    return time.getTime() < new Date(val).getTime();
                  },
            };
          },
    }
}