diff --git a/src/components/DatePicker/src/DatePicker.vue b/src/components/DatePicker/src/DatePicker.vue
index 1661dbb..2a12d3c 100644
--- a/src/components/DatePicker/src/DatePicker.vue
+++ b/src/components/DatePicker/src/DatePicker.vue
@@ -13,46 +13,46 @@
     />
 </template>
 <script lang="ts" setup>
-import dayjs, {Dayjs} from 'dayjs';
-import {ref, watch, computed} from 'vue';
+    import dayjs, { Dayjs } from 'dayjs';
+    import { ref, watch, computed } from 'vue';
 
-const props = defineProps({
-    value: [dayjs, String, Object],
-    size: String,
-    placeholder: String,
-    format: String,
-    allowClear: Boolean,
-    disabled: Boolean,
-    originalDisabled: {
-        type: Boolean,
-        default: false
-    }
-});
-const modelValue = ref<Dayjs>();
-const emit = defineEmits(['update:value']);
+    const props = defineProps({
+        value: [dayjs, String, Object],
+        size: String,
+        placeholder: String,
+        format: String,
+        allowClear: Boolean,
+        disabled: Boolean,
+        originalDisabled: {
+            type: Boolean,
+            default: false
+        }
+    });
+    const modelValue = ref<Dayjs>();
+    const emit = defineEmits(['update:value']);
 
-const picker = computed(() => {
-    let time = 'date';
-    switch (props.format) {
-        case 'YYYY-MM':
-            time = 'month';
-            break;
-        case 'YYYY':
-            time = 'year';
-            break;
-    }
-    return time;
-});
-watch(
-    () => props.value,
-    (val) => {
-        modelValue.value = dayjs(val || undefined);
-    },
-    {
-        immediate: true,
-    },
-);
-const handleChange = (time) => {
-    emit('update:value', time);
-};
+    const picker = computed(() => {
+        let time = 'date';
+        switch (props.format) {
+            case 'YYYY-MM':
+                time = 'month';
+                break;
+            case 'YYYY':
+                time = 'year';
+                break;
+        }
+        return time;
+    });
+    watch(
+        () => props.value,
+        (val) => {
+            modelValue.value = val ? dayjs(val || undefined) : '';
+        },
+        {
+            immediate: true
+        }
+    );
+    const handleChange = (time) => {
+        emit('update:value', time);
+    };
 </script>