React Datepicker如何格式化字符串中的日期

Question

我的目标很简单，在反应日期选择器中显示数据库中的日期。从我的数据库中，我得到了 string "2019/10/26 15:05"，但是当selected它返回时设置它，

从 v2.0.0-beta.1 date-fns 开始，不接受字符串作为参数。请使用parseISO解析字符串

<DatePicker
dateFormat="dd-MM-yyyy HH:mm"
showTimeSelect
timeFormat="HH:mm"
timeIntervals={1}
selectsEnd
startDate={this.state.beginDate}
endDate={this.state.endDate}
selected={this.state.endDate}
onChange={this.selectEndDate} />

我也尝试过date-fns，parseISO但仍然不起作用。我应该怎么办？

Answer 1

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>
    );
}