日期字符串到日期对象
2019-08-18
124
我从 API 中获取以下格式的数据:
2019-08-22T00:00:00
我尝试使用此处的 ReactJS Datepicker 组件: https://reactdatepicker.com/#example-1
我尝试让数据选择器(仅限日期)显示此日期。
设置日期后,我收到无效日期错误。我注意到,当我选择一个日期并将其保存到我的状态时,该日期是一个对象。但我试图向它发送一个字符串。
我需要以某种方式将 API 中的字符串转换为 Date 对象吗?
render() {
const format = "dd MMM yyyy"
return (
<React.Fragment>
<div className="labelStyle">
{this.props.label}
</div>
<div>
<DatePicker className="form-control"
dateFormat={format}
selected={this.props.value}
onChange = {this.props.onChange}
placeholder={`${dateFnsFormat(new Date(), format)}`}
/>
</div>
<div className="hintStyle">
{this.props.help}
</div>
</React.Fragment>
)
}
1个回答
为了将您的 API 日期转换为日期对象,只需使用
Date
构造函数。
new Date('2019-08-22T00:00:00');
选择后,您还将收到一个
Date
对象,当您将其发送到您的 API 时,调用
Date
的
.toISOString()
以获取字符串表示形式。
felixmosh
2019-08-18