Предыдущая дата выбирается из минимальной даты react-datepicker

#javascript #reactjs #react-redux #react-datepicker

#javascript #reactjs #реагирует-redux #react-datepicker

Вопрос:

Я использовал minDate={moment(новая дата(‘1-01-1970’))}, но я могу выбрать 31.12.1969. Установите любую минимальную дату в react date picker, позволяющую выбрать предыдущую дату. Я использую ссылку npm react-datepicker https://www.npmjs.com/package/react-datepicker

Любое решение.

 <DatePicker
    ref="drvDatePicker"
    utcOffset={utcOffset}
    className="date-picker"
    popperClassName="drv-datepicker-popper"
    onChange={input ? value => input.onChange(value) : undefined}
    onClickOutside={this.onClickOutside}
    minDate={moment(new Date('1-01-1970'))}
/>
  

Комментарии:

1. просто удалите moment() , new Date('1-01-1970') .

2. Вы пробовали устанавливать минимальную дату 1? Не элегантное решение, но оно должно работать

3. 1-01-1970 является недопустимой строкой для Date конструктора. Попробуйте, например, 2-01-1970 убедиться, что это так. Вы хотите, YYYY-MM-DD например 1970-01-02 . datepicker также ожидает Date объект, а не момент.

4. Объект Date не работает с моей версией datepicker, я использую версию 1.6.

Ответ №1:

Я использую версию 1.6 и не могу обновить версию, установив минимальную дату 1 день.

     <DatePicker
        ref="drvDatePicker"
        utcOffset={utcOffset}
        className="date-picker"
        popperClassName="drv-datepicker-popper"
        onChange={input ? value => input.onChange(value) : undefined}
        onClickOutside={this.onClickOutside}
        minDate={moment(new Date('02-01-1970'))}
    />
  

Ответ №2:

Согласно этой части описания, вам больше не нужно moment :

Вплоть до версии 1.8.0 этот пакет использовал Moment.js. Начиная с версии v2.0.0, мы перешли на использование собственных объектов Date для уменьшения размера пакета.

Комментарии:

1. Я не могу обновить версию из-за жестких зависимостей, я использую версию 1.6

2. С этой информацией было бы неплохо начать. Попробуйте moment('1-01-1970', 'D-MM-YYYY') .

Ответ №3:

 <DatePicker
    ref="drvDatePicker"
    utcOffset={utcOffset}
    className="date-picker"
    popperClassName="drv-datepicker-popper"
    onChange={input ? value => input.onChange(value) : undefined}
    onClickOutside={this.onClickOutside}
    minDate={new Date('1-01-1970')}
/>