#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')}
/>