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

             <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()
          }
        }
      }
}
}

猜你喜欢

转载自blog.csdn.net/qq_40055200/article/details/106013784