Reactjs React Datepicker如何从字符串格式化日期

Reactjs React Datepicker如何从字符串格式化日期,reactjs,react-datepicker,Reactjs,React Datepicker,我的目标很简单,在react datepicker中显示数据库中的日期。从我的数据库中,我得到了字符串2019/10/26 15:05,但当将其设置为选中时返回 从v2.0.0-beta.1开始日期fns不接受字符串作为 论据。请使用parseISO解析字符串 我也试过date fns的parseISO,但仍然不起作用。我该怎么办?您到底是如何尝试parseISO的?您应该能够编写selected={parseISOthis.state.endDate}等。或者更好,在设置state时首先使用p

我的目标很简单,在react datepicker中显示数据库中的日期。从我的数据库中,我得到了字符串2019/10/26 15:05,但当将其设置为选中时返回

从v2.0.0-beta.1开始日期fns不接受字符串作为 论据。请使用parseISO解析字符串

我也试过date fns的parseISO,但仍然不起作用。我该怎么办?

您到底是如何尝试parseISO的?您应该能够编写selected={parseISOthis.state.endDate}等。或者更好,在设置state时首先使用parseISO,以保持与接收日期对象的selectEndDate的一致性。您究竟是如何尝试parseISO的?您应该能够编写selected={parseISOthis.state.endDate}等,或者更好,在设置state时首先使用parseISO,以保持与接收日期对象的selectEndDate的内容一致。
handleChange =(selectedDate) =>{
    var selectedDateStr = moment(selectedDate).format('DD.MM.YYYY');
    this.props.input.onChange(selectedDateStr);
}

render() {
    const { input, meta: { touched, error, active } } = this.props;
    return (
        <div>
            <DatePicker
                {...input}
                className="datepicker form-control"
                peekNextMonth
                showMonthDropdown
                onChange={selectedDate => this.handleChange(selectedDate)}
                dateFormat="dd.MM.yyyy"
                showYearDropdown
                dropdownMode="select"
            />
            {touched && (!active && error &&
                <div className="invalid-feedback d-block position-absolute">
                    test
                </div>
            )}
        </div>
    );
}
handleChange =(selectedDate) =>{
    var selectedDateStr = moment(selectedDate).format('DD.MM.YYYY');
    this.props.input.onChange(selectedDateStr);
}

render() {
    const { input, meta: { touched, error, active } } = this.props;
    return (
        <div>
            <DatePicker
                {...input}
                className="datepicker form-control"
                peekNextMonth
                showMonthDropdown
                onChange={selectedDate => this.handleChange(selectedDate)}
                dateFormat="dd.MM.yyyy"
                showYearDropdown
                dropdownMode="select"
            />
            {touched && (!active && error &&
                <div className="invalid-feedback d-block position-absolute">
                    test
                </div>
            )}
        </div>
    );
}