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

发布于 2025-02-09 11:18:25 字数 389 浏览 2 评论 0 原文

我以这种格式从我们的API收到一个日期: 2022-06-08

我想将其设置为 react-datepicker 的初始值 但是它给出以下错误:

无效的时间/日期错误

这是我的代码,

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

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

请帮助!!!

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 !!!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

π浅易 2025-02-16 11:18:25

datePicker期望a 对象,因此您需要先将其转换为:

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

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)} />
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文