feat: update DatePicker to handle date selection via onSelect callback in MediaFormModal
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user