ทะเบียนประวัติ: clearable

src/modules/04_registryNew/components/detail/Achievement/01_ProfessionalLicense.vue

@@ -9,6 +9,7 @@ import type { RequestItemsObject } from "@/modules/04_registryNew/interface/requ
 import type { ResponseObject } from "@/modules/04_registryNew/interface/response/ProfesLicense";
 import http from "@/plugins/http";
 import config from "@/app.config";
+import { log } from "console";
 const mixin = useCounterMixin();
 const $q = useQuasar();
 const {
@@ -179,7 +180,7 @@ const profesLicenseData = reactive<RequestItemsObject>({
   issuer: "",
   certificateNo: "",
   issueDate: new Date(),
-  expireDate: new Date(),
+  expireDate: null,
   profileId: id.value,
 });
 
@@ -244,7 +245,7 @@ async function fetchData(id: string) {
 }
 
 function clearForm() {
-  profesLicenseData.expireDate = new Date();
+  profesLicenseData.expireDate = null;
   profesLicenseData.issueDate = new Date();
   profesLicenseData.certificateNo = "";
   profesLicenseData.certificateType = "";
@@ -642,6 +643,8 @@ onMounted(async () => {
                   dense
                   outlined
                   bg-color="white"
+                  clearable
+                  @clear="() => (profesLicenseData.expireDate = null)"
                   hide-bottom-space
                   :model-value="
                     profesLicenseData.expireDate
@@ -649,6 +652,7 @@ onMounted(async () => {
                       : ''
                   "
                   :label="`${'วันที่หมดอายุ'}`"
+                  @update:modelValue="profesLicenseData.expireDate"
                 >
                   <template v-slot:prepend>
                     <q-icon

src/modules/04_registryNew/components/detail/Achievement/02_Train.vue

@@ -295,12 +295,12 @@ const trainData = reactive<RequestItemsObject>({
   profileId: id.value,
   name: "",
   topic: "",
-  yearly: new Date().getFullYear(),
+  yearly: null,
   place: "",
   duration: "",
   department: "",
   numberOrder: "",
-  dateOrder: new Date(),
+  dateOrder: null,
   startDate: new Date(),
   endDate: new Date(),
   startYear: new Date().getFullYear(),
@@ -360,7 +360,7 @@ function clearForm() {
   isDate.value = "false";
   trainData.name = "";
   trainData.topic = "";
-  trainData.yearly = new Date().getFullYear();
+  trainData.yearly = null;
   trainData.place = "";
   trainData.duration = "";
   trainData.department = "";
@@ -959,7 +959,9 @@ onMounted(async () => {
                     lazy-rules
                     outlined
                     hide-bottom-space
-                    :model-value="trainData.yearly + 543"
+                    :model-value="
+                      !!trainData.yearly ? trainData.yearly + 543 : null
+                    "
                     :label="`${'ปีงบประมาณ'}`"
                   >
                     <template v-slot:prepend>