nicepayments/nice-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

날짜 필터 캘린더 Invalid Date 오류 수정

Browse Source 
react-calendar에 전달되는 날짜 문자열('YYYY.MM.DD' 형식)을 moment를 사용하여 명시적으로 파싱하도록 수정하여 Invalid Date 에러 해결

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Jay Sheen
2025-10-28 18:23:05 +09:00
parent 9ba963588d
commit fb65ace1a0
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/shared/ui/calendar/nice-calendar.tsx
View File

@@ -29,7 +29,7 @@ const NiceCalendar = ({
minDate: propMinDate,
maxDate: propMaxDate
}: NiceCalendarProps) => {
const [valueDate, setValueDate] = useState<string>();
const [valueDate, setValueDate] = useState<Date | undefined>();
const [minDate, setMinDate] = useState<Date | undefined>();
const [maxDate, setMaxDate] = useState<Date | undefined>();
const onchangeToDate = (selectedDate: any) => {
@@ -44,21 +44,21 @@ const NiceCalendar = ({
if(calendarType === CalendarType.Start){
setMinDate(propMinDate || undefined);
if(!!endDate){
setMaxDate(new Date(endDate));
setMaxDate(moment(endDate, 'YYYY.MM.DD').toDate());
}
setValueDate(startDate);
setValueDate(startDate ? moment(startDate, 'YYYY.MM.DD').toDate() : undefined);
}
else if(calendarType === CalendarType.End){
if(!!startDate){
setMinDate(new Date(startDate));
setMinDate(moment(startDate, 'YYYY.MM.DD').toDate());
}
setMaxDate(propMaxDate || new Date());
setValueDate(endDate);
setValueDate(endDate ? moment(endDate, 'YYYY.MM.DD').toDate() : undefined);
}
else if(calendarType === CalendarType.Single){
setMinDate(propMinDate || undefined);
setMaxDate(propMaxDate || undefined);
setValueDate(singleDate);
setValueDate(singleDate ? moment(singleDate, 'YYYY.MM.DD').toDate() : undefined);
}
};

8
src/shared/ui/filter/calendar.tsx
View File

@@ -74,12 +74,12 @@ export const FilterCalendar = ({
const setNewDate = (date: string) => {
if(calendarType === CalendarType.Start){
setStartDate(moment(date).format('YYYYMMDD'));
setNewStartDate(moment(date).format('YYYY.MM.DD'));
setStartDate(moment(date, 'YYYY.MM.DD').format('YYYYMMDD'));
setNewStartDate(moment(date, 'YYYY.MM.DD').format('YYYY.MM.DD'));
}
else if(calendarType === CalendarType.End){
setEndDate(moment(date).format('YYYYMMDD'));
setNewEndDate(moment(date).format('YYYY.MM.DD'));
setEndDate(moment(date, 'YYYY.MM.DD').format('YYYYMMDD'));
setNewEndDate(moment(date, 'YYYY.MM.DD').format('YYYY.MM.DD'));
}
setCalendarOpen(false);
}