reactjs - 날짜 형식으로 필드에 날짜를 쓰는 방법은 무엇입니까?

제인 프레드

아래와 같이 시도하십시오

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>

감사합니다

그러므로추가 정보

먼저 날짜 선택기 종속성을 가져와야합니다.

날짜 선택기와 순간 가져 오기:

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

html 입력을 추가합니다 :

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

HandleDateChange 및 selectedDate는 다음과 같습니다:

생성자 메소드에서 다음을 추가하십시오 :

this.state = { selectedDate: moment() }  

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

이 방법 추가 :

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