Как записать дату в поле с форматом даты?

Question

Я хочу написать дату одновременно, если мы выберем указатель даты, эта дата может выбрать

Код выбора даты уже работает, но когда я пытаюсь записать его, он не отображается в формате даты, например, если я пытаюсь написать 05/01/2019 он отображается как 05012019 Я хочу его в формате 05/01/2019.

<div>
<Field name="BirthDate" component= {datepicker} placeholder={'DAY / MONTH / YEAR'}/>
</div>

код даты

 const { input: { value, onChange }, disabled, showTime } = this.props;
        return (
            <div className="datepicker">
                <DatePicker
                    selected={value ? moment(value) : null}
                    onChange={onChange}
                    disabled={disabled}
                    format="dd/mm/yyyy"
                    time={showTime}
                />
                <div className="calendar-block">
                    <CalendarIcon onClick={this.datepicker}
                    />
                </div>
            </div>

Answer 1

Джейн Фред

попробуйте как показано ниже

const datepicker = ({ input: { onChange, value }, showTime }) =>
     <div className="datepicker">
            <DatePicker
                selected={value ? new Date(moment(value)) : null}
                onChange={onChange}
                disabled={disabled}
                showTimeSelect
                showTimeSelectOnly
                dateFormat="dd/mm/yyyy"
            />
            <div className="calendar-block">
                <CalendarIcon onClick={this.datepicker}
                />
            </div>
        </div>

и используйте его как

<div>
<Field name="BirthDate" component= {datepicker} placeholder={'DAY / MONTH / YEAR'}/>
</div>

спасибо

Так, подробнее

Answer 2

Сначала необходимо импортировать зависимость выбора даты:

1. Импортировать дату и момент :

   import DatePicker from 'react-datepicker'; import moment from 'moment';

2. Добавьте ввод HTML , как показано ниже:

   <DatePicker selected={this.state.selectedDate} onChange={this.handleDateChange} name="Start Date" dateFormat="dd-mm-yyyy" />

3. HandleDateChange и selectedDate будут:

   В вашем методе конструктора добавьте:

   this.state = { selectedDate: moment() }

   this.handleDateChange = this.handleDateChange.bind(this);

   Добавьте этот метод:

   handleDateChange(date){ this.setState({ selectedDate: date }); }