如何重新格式化反應日歷日期

Question

因此，我目前正在為接待員創建一個網站，並希望在單擊反應日歷上的日期時顯示相關約會。

目前，當我 console.log 單擊日期時，它以以下格式顯示：Tue Jun 07 2022 00:00:00 GMT+0200（南非標准時間）

我希望它改為：2022-06-07

這是為了與我的數據庫保持一致。

我的代碼如下：

const Calendar = () => {

const CalendarChange = () => {
    console.log("hi");
};

    
const [date, setDate] = useState(new Date());
const onDateChange = (newDate) => {
    // let NewDate = new Intl.DateTimeFormat('en-US').format(date);
    setDate(newDate);

    console.log(newDate);
}

const locale = 'fr-CA';

return (
    <>
       <CalendarContainer>
             <Calendarcom calendarType='US' format="dd-MM-yyyy" className='react-calendar' 
              onChange={onDateChange}           
              value={date} />
         </CalendarContainer>
    </>
 
    );
};

export default Calendar;

Answer 1

謝謝大家的幫助！

我設法讓它使用以下代碼：

const [date, setDate] = useState(new Date());
const [formatDate, setFormatDate] = useState();

//    console.log(new Intl.DateTimeFormat('en-US').format(date));
const onDateChange = (newDate) => {

    setDate(newDate);
  
}

useEffect(() => {
  console.log(date);
  setFormatDate(new Intl.DateTimeFormat('en-US').format(date));
  console.log(formatDate);
}, [date, onDateChange])