feat: update DatePicker to handle date selection via onSelect callback in MediaFormModal

This commit is contained in:
ethan.chen
2025-05-27 18:32:12 +08:00
parent 97243c33c2
commit 69e4a66375
2 changed files with 3 additions and 2 deletions

View File

@@ -3,14 +3,14 @@
import { zhCN } from 'date-fns/locale'; import { zhCN } from 'date-fns/locale';
import { fade, scale } from 'svelte/transition'; import { fade, scale } from 'svelte/transition';
let { value, placeholder = '选择日期' } = $props(); let { value, placeholder = '选择日期', onSelect } = $props();
let isOpen = $state(false); let isOpen = $state(false);
let currentMonth = $state(value ? new Date(value) : new Date()); let currentMonth = $state(value ? new Date(value) : new Date());
let inputElement: HTMLInputElement; let inputElement: HTMLInputElement;
function handleSelect(date: Date) { function handleSelect(date: Date) {
const dateStr = format(date, 'yyyy-MM-dd'); const dateStr = format(date, 'yyyy-MM-dd');
value = dateStr; onSelect(dateStr);
isOpen = false; isOpen = false;
} }

View File

@@ -109,6 +109,7 @@
<label class="font-medium text-gray-700 whitespace-nowrap" for="date">日期</label> <label class="font-medium text-gray-700 whitespace-nowrap" for="date">日期</label>
<DatePicker <DatePicker
value={media.date} value={media.date}
onSelect={(date: string) => media.date = date}
placeholder="选择日期" placeholder="选择日期"
/> />
</div> </div>