代码之家 › 专栏 › 技术社区 › Niresh

react date picker中的dateFormat不起作用

react-datepicker format reactjs

0

Niresh · 技术社区 · 4 年前

我想把日期用格式写下来 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表

我可以在日期选择器组件中看到这种格式,但在控制台中。然后它会显示一种不同的格式,或者它会很有用,即使可以像下面这样直接显示值 e.target.value

1 回复 | 直到 4 年前

1

WebstraDev 4 年前

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

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

从这个日期中只获取日期(以特定格式)有多种方法。

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

记住这一点。toLocaleDateString()还允许您传递区域设置和/或任何选项,如时区或可能需要指定的格式。请参阅文档 here 更多例子。