React Native Date Picker не позволяет мне выбрать дату

Question

Я реализовал реагирующий родной указатель даты, и он отображается правильно, а дата по умолчанию является правильной, поскольку исходное состояние:

date: new Date()

Однако, когда я нажимаю значок, чтобы выбрать дату все даты неактивны, и вы можете прокрутить их, но когда вы разрешите go, он просто вернется назад и не позволит вам выбрать дату.

Есть идеи, почему у меня возникла эта проблема?

<DatePicker
  style={{width: 200}}
  mode="date"
  date={this.state.date}
  format="DD-MM-YYYY"
  minDate={this.state.date}
  maxDate="01-01-2030"
  confirmBtnText="Confirm"
  cancelBtnText="Cancel"
  onDateChange={(d) => {this.setState({date: d})}}
/>

Answer 1

Это потому, что new Date() не в нужном формате. new Date() Infact возвращает Объект . Трудно преобразовать этот объект в требуемый формат, но здесь на всякий случай есть ссылка на решение по переполнению стека.

Я рекомендую использовать библиотеки, такие как moment. js, потому что с помощью него легко форматировать даты, и вы можете сделать гораздо больше.

В вашем случае я предлагаю заменить значение начального состояния на:

{date: moment().format('DD-MM-YYYY')}

Осторожно! Установка minDate={this.state.date} ограничит вас от выбора более старых дат, то есть, выбрав будущую дату, вы никогда не сможете выбрать дату до этого снова!