reactjs - react 日期选择器中的日期格式不起作用

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表中

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

Answer 1

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

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

有多种方法可以仅获取此日期的日期(以特定格式)。

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

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