element 校验开始时间小于结束时间,结束时间大于开始时间

男娘i 2023-03-12 14:29 40阅读 0赞

<el-col :span="12">
                      <el-form-item label="期望发货时间：" prop="orderEtd">
                        <el-date-picker
                          v-model="form.orderEtd"
                          type="date"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          placeholder="选择日期"
                          :picker-options="pickerOptionsStart">
                        </el-date-picker>
                      </el-form-item>
                    </el-col>
                    <el-col :span="12">
                      <el-form-item label="期望到货时间：" prop="orderEta">
                        <el-date-picker
                          v-model="form.orderEta"
                          type="date"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          placeholder="选择日期"
                          :picker-options="pickerOptionsEnd">
                        </el-date-picker>
                      </el-form-item>
                    </el-col>

data(){
    return{
     pickerOptionsStart: {
            // 开始时间小于结束时间
            disabledDate: time => {
              let beginTime = this.form.orderEta
              if (beginTime) {
                return time.getTime() > new Date(beginTime).getTime()
              }
            }
          },
          pickerOptionsEnd: {
            // 结束时间大于开始时间
            disabledDate: time => {
              let beginTime = this.form.orderEtd
              if (beginTime) {
                return time.getTime() < new Date(beginTime).getTime()
              }
            }
          }
    }
    }