加班管理

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' }],