修复了默认时间的组件有显示但是提交值是空的问题

src/components/DatePicker/src/DatePicker.vue

@@ -13,10 +13,10 @@
     />
 </template>
 <script lang="ts" setup>
-import dayjs, {Dayjs} from 'dayjs';
+    import dayjs, { Dayjs } from 'dayjs';
-import {ref, watch, computed} from 'vue';
+    import { ref, watch, computed } from 'vue';
 
-const props = defineProps({
+    const props = defineProps({
         value: [dayjs, String, Object],
         size: String,
         placeholder: String,
@@ -27,11 +27,11 @@ const props = defineProps({
             type: Boolean,
             default: false
         }
-});
+    });
-const modelValue = ref<Dayjs>();
+    const modelValue = ref<Dayjs>();
-const emit = defineEmits(['update:value']);
+    const emit = defineEmits(['update:value']);
 
-const picker = computed(() => {
+    const picker = computed(() => {
         let time = 'date';
         switch (props.format) {
             case 'YYYY-MM':
@@ -42,17 +42,17 @@ const picker = computed(() => {
                 break;
         }
         return time;
-});
+    });
-watch(
+    watch(
         () => props.value,
         (val) => {
-        modelValue.value = dayjs(val || undefined);
+            modelValue.value = val ? dayjs(val || undefined) : '';
         },
         {
-        immediate: true,
+            immediate: true
-    },
+        }
-);
+    );
-const handleChange = (time) => {
+    const handleChange = (time) => {
         emit('update:value', time);
-};
+    };
 </script>