Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 日期对象的日期字符串_Reactjs - Fatal编程技术网

Reactjs 日期对象的日期字符串

Reactjs 日期对象的日期字符串,reactjs,Reactjs,我从API中获取以下格式的数据: 2019-08-22T00:00:00 我正在尝试使用此处找到的ReactJS Datepicker组件: 我正在尝试让数据选择器(仅日期)显示此日期 一旦我设置了日期,我就会得到一个无效的日期错误。我注意到,当我选择一个日期并将其保存到我的状态时,该日期是一个对象。但我正试图发送一个字符串 我是否需要将API中的字符串转换为日期对象 render() { const format = "dd MMM yyyy" return

我从API中获取以下格式的数据:

2019-08-22T00:00:00

我正在尝试使用此处找到的ReactJS Datepicker组件:

我正在尝试让数据选择器(仅日期)显示此日期

一旦我设置了日期,我就会得到一个无效的日期错误。我注意到,当我选择一个日期并将其保存到我的状态时,该日期是一个对象。但我正试图发送一个字符串

我是否需要将API中的字符串转换为日期对象

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>
        )
    }
render(){
const format=“dd-MMM-yyyy”
返回(
{this.props.label}
{this.props.help}
)
}

要将API日期转换为日期对象,只需使用
date
构造函数即可

new Date('2019-08-22T00:00:00');
选择之后,您还将收到一个
Date
对象,当您将其发送到API时,调用
Date
.toISOString()
以获取字符串表示形式