diff --git a/src/lib/DatePicker.svelte b/src/lib/DatePicker.svelte
index 2ff5afd..b7da90f 100644
--- a/src/lib/DatePicker.svelte
+++ b/src/lib/DatePicker.svelte
@@ -3,14 +3,14 @@
   import { zhCN } from 'date-fns/locale';
   import { fade, scale } from 'svelte/transition';
 
-  let { value, placeholder = '选择日期' } = $props();
+  let { value, placeholder = '选择日期', onSelect } = $props();
   let isOpen = $state(false);
   let currentMonth = $state(value ? new Date(value) : new Date());
   let inputElement: HTMLInputElement;
 
   function handleSelect(date: Date) {
     const dateStr = format(date, 'yyyy-MM-dd');
-    value = dateStr;
+    onSelect(dateStr);
     isOpen = false;
   }
 
diff --git a/src/lib/MediaFormModal.svelte b/src/lib/MediaFormModal.svelte
index 1a04209..fb15527 100644
--- a/src/lib/MediaFormModal.svelte
+++ b/src/lib/MediaFormModal.svelte
@@ -109,6 +109,7 @@
           <label class="font-medium text-gray-700 whitespace-nowrap" for="date">日期</label>
           <DatePicker
             value={media.date}
+            onSelect={(date: string) => media.date = date}
             placeholder="选择日期"
           />
         </div>