ตรวจสอบ กรอกเวลาไม่ครบ 10 หลัก

src/modules/04_registry/components/Record.vue

@@ -73,6 +73,8 @@
                 mask="##/##/####"
                 dense
                 :rules="[(val) => !!val || `${'กรุณาเลือก วัน/เดือน/ปี'}`]"
+                :error="dayChecked"
+                error-message="กรุณากรอก วัน/เดือน/ปี"
               />
 
               <datepicker
@@ -181,6 +183,8 @@
                 :label="`${'เอกสารอ้างอิง (ลงวันที่)'}`"
                 mask="##/##/####"
                 dense
+                :error="dayCheckedRefCommandDate"
+                error-message="กรุณากรอกเอกสารอ้างอิง (ลงวันที่) หรือเว้นว่าง"
               />
 
               <datepicker
@@ -290,7 +294,7 @@ import { onMounted, ref, watch } from "vue";
 import { useRoute } from "vue-router";
 import { useProfileDataStore } from "@/modules/04_registry/store";
 import { useCounterMixin } from "@/stores/mixin";
-
+import { validateTime } from "@/modules/04_registry/stores/time";
 import ProfileTable from "@/modules/04_registry/components/Table.vue";
 import DialogHeader from "@/modules/04_registry/components/DialogHeader.vue";
 import DialogFooter from "@/modules/04_registry/components/DialogFooter.vue";
@@ -385,13 +389,14 @@ watch(
     if (value.length === 10) {
       const dateVal = convertDate(value);
       if (dateVal.isValid) {
-        dayChecked.value = false;
+        dayCheckedRefCommandDate.value = false;
         refCommandDate.value = new Date(dateVal.value);
       } else {
-        dayChecked.value = true;
+        dayCheckedRefCommandDate.value = true;
         inputDateRefCommandDate.value = "";
       }
     } else {
+      dayCheckedRefCommandDate.value = false;
       refCommandDate.value = null;
     }
   }
@@ -660,6 +665,14 @@ const clickAdd = async () => {
  * กดบันทึกใน dialog
  */
 const clickSave = async () => {
+  dayChecked.value = validateTime(inputDate.value);
+  dayCheckedRefCommandDate.value = validateTime(inputDateRefCommandDate.value);
+  console.log(dayChecked.value);
+
+  console.log(dayCheckedRefCommandDate.value);
+
+  if (dayChecked.value || dayCheckedRefCommandDate.value) return;
+
   myForm.value.validate().then(async (result: boolean) => {
     if (result) {
       if (modalEdit.value) {
@@ -782,6 +795,8 @@ const clickClose = async () => {
     modal.value = false;
     next.value = false;
     previous.value = false;
+    dayChecked.value = false;
+    dayCheckedRefCommandDate.value = false;
   }
 };