开发者问题收集

日期字符串到日期对象

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