Question

我的目标很简单，在react datepicker中显示数据库中的日期。从数据库中，我得到了字符串class TestCaseEditHeader(View): perm = 'TA'，但是当将其设置为"2019/10/26 15:05"时，它返回了

从v2.0.0-beta.1 date-fns开始不接受字符串作为论点。请使用selected解析字符串

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} />的{{1}}，但仍然无法正常工作。我该怎么办？

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

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

1 个答案: