>

날짜 선택기를 선택한 경우 해당 날짜를 선택할 수있는 날짜를 동시에 쓰고 싶습니다

날짜 선택기 코드가 이미 작동하지만 작성하려고 할 때 예를 들어 2019 년 5 월 1 일을 작성하려고하면 날짜 형식으로 표시되지 않습니다. 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>


  • 답변 # 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>
    
    

    감사합니다

    그러므로추가 정보

  • 답변 # 2

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

    <올>

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

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

  • 이전 automation - rest assured - pojo에 대한 json 응답의 직렬화 해제 실패
  • 다음 javascript - 텍스트 상자에 특정 알파벳 만있는 숫자 만 허용