From f42adb76456409cd97c9eee4dc888b62745b636e Mon Sep 17 00:00:00 2001
From: XaoLi717 <144221124+XaoLi717@users.noreply.github.com>
Date: Thu, 7 Nov 2024 16:25:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A0=E7=8F=AD=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Home/clgl/ClglCreate.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)

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"
             />
           </el-form-item>
         </el-col>
@@ -53,6 +54,7 @@
               type="date"
               value-format="x"
               placeholder="选择用车结束时间"
+              @change="validateDate"
             />
           </el-form-item>
         </el-col>
@@ -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' }],