날짜 포맷

apps/sn/app/oper/floodPre/page.tsx

@@ -9,9 +9,14 @@ import { tableData } from '../oldPp/page'
 import { getData } from '@/components/lib/api'
 import { searchData } from '@/components/lib/common/apiHelpers'
 import { tableHeadlist } from '..'
-
+const formatDate = (date: Date): string => {
+    if(!date) return '';
+    const isoString = date.toISOString();
+    return isoString ? isoString.split('T')[0] || '' : '';
+};
 const Page = () => {
-    const [selectedDate, setSelectedDate] = useState(new Date())
+    const [fromDate, setFromDate] = useState(new Date())
+    const [toDate, setToDate] = useState(new Date())
     const [manageYear, setManageYear] = useState('')
     const [mngQu, setMngQu] = useState('')
     const [usr, setUsr] = useState('')
@@ -25,12 +30,12 @@ const Page = () => {
                         <div className='flex items-center gap-2'>
                             <Label className="w-20 text-xl text-gray-600">등록기간</Label>
                             <DatePicker mode={'single'}
-                                selected={selectedDate}
-                                onSelect={(date: Date | undefined) => { if (date) setSelectedDate(date) }} />
+                                selected={fromDate}
+                                onSelect={(date: Date | undefined) => { if (date) setFromDate(date) }} />
                             <span>~</span>
                             <DatePicker mode={'single'}
-                                selected={selectedDate}
-                                onSelect={(date: Date | undefined) => { if (date) setSelectedDate(date) }} />
+                                selected={toDate}
+                                onSelect={(date: Date | undefined) => { if (date) setToDate(date) }} />
                         </div>
                         <div className='flex items-center'>
                             <Label className="w-20 text-xl text-gray-600">관리년도</Label>
@@ -39,10 +44,8 @@ const Page = () => {
                                 value={manageYear}
                                 onChange={(e) => setManageYear(e.target.value)}
                             />
-                        </div>
-                        <div className='flex items-center'>
-                            <Label className="w-20 text-xl text-gray-600">분기</Label>
-                            <Input
+                             <span>~</span>
+                             <Input
                                 className='w-[100px]'
                                 value={mngQu}
                                 onChange={(e) => setMngQu(e.target.value)}
@@ -67,8 +70,7 @@ const Page = () => {
                     </div>
                 </SearchFormLeft>
                 <SearchFormRight>
-                    <Button className="px-4 py-2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700" size="sm" onClick={()=>{searchData('v1/sbmrgPrevnt', {
-                        mngYr: manageYear,mngQu: mngQu,page: '0',size: '10'})}} >조회</Button>
+                    <Button className="px-4 py-2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700" size="sm" onClick={()=>{searchData('v1/sbmrgPrevnt', {fromRegDt:formatDate(fromDate),fromMngYr:manageYear,toMngYr:mngQu,toRegDt:formatDate(toDate),atflNm:pjNm,rgtrNm:usr,page: '0',size: '10'})}} >조회</Button>
                 </SearchFormRight>
             </SearchDiv>
             <ListDiv className="mt-4">