Не разрешать изменение времени React-DatePicker

Question

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

Я хочу отображать время, но не позволяю пользователю изменять его напрямую с <input>.У моего средства выбора даты есть функция onChange():

onExpirationDateChange(date) {
   this.setState({selectedTime: date.unix()});
}

Кто-нибудь знает, как я могу добиться отображения времени, но не позволяю пользователю изменять его?

Answer 1

В соответствии с примерами на этой странице: https://reactdatepicker.com/

Вы можете попробовать это, чтобы пользователи не могли выбирать время ...

<DatePicker
  selected={this.state.startDate}
  onChange={this.handleChange}
  showTimeSelect
  excludeTimes={[moment().hours(17).minutes(0), moment().hours(18).minutes(30), moment().hours(19).minutes(30)], moment().hours(17).minutes(30)}
  dateFormat="LLL"
/>

Answer 2

Нашел ответ сам.Просто установите readOnly на сборщике и не включайте опцию выбора времени.

Answer 3

Я бы порекомендовал этот способ:

document.getElementsByTagName("inputdate")[0].setAttribute("readonly", "readonly"); 

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