如何重新格式化反应日历日期

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])