สรรหาแก้ไขวันที่สมัครให้แสดงเวลา

src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue

@@ -768,13 +768,19 @@ function clickDeletePosition(row: any) {
  * แปลงช่วงวันที่ถ้า2ค่าเป็นวันเดียวกันจะโชววันเดียวแต่ถ้าไม่เท่ากันจะแสดงเป็นช่วง
  * @param val ช่วงวันที่
  */
-function dateThaiRange(val: [Date, Date] | null) {
+function dateThaiRange(val: [Date, Date] | null, showTime: boolean = false) {
   if (val === null) {
     return "";
-  } else if (date2Thai(val[0], true) === date2Thai(val[1], true)) {
-    return `${date2Thai(val[0], true)}`;
+  } else if (
+    date2Thai(val[0], true, showTime) === date2Thai(val[1], true, showTime)
+  ) {
+    return `${date2Thai(val[0], true, showTime)}`;
   } else {
-    return `${date2Thai(val[0], true)} - ${date2Thai(val[1], true)}`;
+    return `${date2Thai(val[0], true, showTime)} - ${date2Thai(
+      val[1],
+      true,
+      showTime
+    )}`;
   }
 }
 
@@ -1145,6 +1151,11 @@ onMounted(async () => {
               borderless
               range
               week-start="0"
+              :enableTimePicker="true"
+              :start-time="[
+                { hours: 8, minutes: 0 },
+                { hours: 16, minutes: 0 },
+              ]"
             >
               <template #year="{ year }">
                 {{ year + 543 }}
@@ -1158,8 +1169,9 @@ onMounted(async () => {
                   dense
                   :readonly="checkRoutePermisson"
                   class="full-width datepicker q-mb-md"
-                  :model-value="dateThaiRange(dateRegister)"
+                  :model-value="dateThaiRange(dateRegister, true)"
                   :label="`${'วันที่สมัคร'}`"
+                  :rules="[(val:string) => !!val || `${'กรุณาเลือกวันที่สมัคร'}`]"
                   clearable
                   @clear="clearDateRegister"
                   hide-bottom-space
@@ -1488,10 +1500,7 @@ onMounted(async () => {
             <q-separator size="5px" color="grey-2" class="q-mt-lg" />
           </div>
 
-          <div
-            class="col-12 q-mt-lg"
-            v-if="shouldShowPaymentFields"
-          >
+          <div class="col-12 q-mt-lg" v-if="shouldShowPaymentFields">
             <div class="text-bold text-subtitle2 q-pb-md">
               เลือกวิธีการชำระเงิน
             </div>