diff --git a/src/views/Home/clgl/ClglCreate.vue b/src/views/Home/clgl/ClglCreate.vue index 733da24..c8fffdc 100644 --- a/src/views/Home/clgl/ClglCreate.vue +++ b/src/views/Home/clgl/ClglCreate.vue @@ -43,6 +43,7 @@ type="date" value-format="x" placeholder="选择用车开始时间" + @change="validateDate" /> @@ -53,6 +54,7 @@ type="date" value-format="x" placeholder="选择用车结束时间" + @change="validateDate" /> @@ -150,6 +152,17 @@ const formData = ref({ carReason: undefined, carRemark: undefined, }) +// 方法:验证开始时间是否小于结束时间 +const validateDate = () => { + if (formData.value.carStart && formData.value.carEnd) { + const start = formData.value.carStart + const end = formData.value.carEnd + if (start > end) { + formData.value.carEnd = undefined + message.error('开始时间不能大于结束时间') + } + } +} const formRules = reactive({ carType: [{ required: true, message: '车辆类型不能为空', trigger: 'change' }], carDriver: [{ required: true, message: '驾驶员不能为空', trigger: 'blur' }],