如何将自定义日期设置为 react-datepicker？

Question

I'm receiving a date from our api in this format: 2022-06-08

I want to set this as initial value in react-datepicker but its giving the following error:

invalid time/date error

Here is my code

const Datepicker = ({ date }: any) => {
  const [data, setData] = useState(2022-06-08)

  return <DatePicker selected={data} onChange={(e: Date) => setData(e)} />
}

Please help !!!

Answer 1

DatePicker expects a Date() object, so you'll need to convert it first:

const dateObject = new Date('2022-06-08');
return <DatePicker selected={dateObject} onChange={(e: Date) => setData(e)} />