反应日期选择器中的 dateFormat 不起作用

Question

我希望得到 yyyy/MM/dd 格式的日期但是当我 console.log 值

时它似乎不起作用

<DatePicker dateFormat='dd/MM/yyyy' selected={startDate} onChange={(date)=>{
          setStartDate(date)
          console.log(startDate)
        }}/>

我得到以下格式

Fri Dec 31 2021 18:10:31 GMT+0530 (India Standard Time)

我希望以 yyyy-mm-dd 的形式最终将日期插入 sql table

我可以在日期选择器组件中看到该格式，但是当 console.log 时它会显示不同的格式，或者即使可以像 e.target.value 那样直接显示值也很有用

Answer 1

dateFormat 属性控制日期在日期选择器旁边的输入字段中的显示方式。

日期选择器的实际值仍然是 Date 对象。

有多种方法可以仅从该日期获取日期（以特定格式）。

我建议在将其发送到您的 api/server 之前应用其中之一，例如 (.toLocaleDateString())。

请记住，.toLocaleDateString() 还允许您传递区域设置和/或任何选项，例如时区或您可能想要指定的格式。有关更多示例，请参阅文档 here。

反应日期选择器中的 dateFormat 不起作用

dateFormat in react date picker doesn't work

format

reactjs

react-datepicker