Как включить ручной ввод даты и времени диапазона в реагирующем средстве выбора диапазона даты и времени?

Что мне нужно сделать, чтобы включить ручной ввод даты и времени? Потому что он отображается только для чтения. но как только для readOnly установлено значение false (input = {true}), это создает некоторые ошибки

  import React, { Component } from "react";
  import DatetimeRangePicker from 'react-datetime-range-picker';

  class Test extends Component {

   <DatetimeRangePicker
     startDate= {this.state.startDate}
     endDate={this.state.endDate}
     onStartDateBlur={this.startDateBlurHandler}
     onEndDateBlur={this.endDateBlurHandler}
     timeFormat="HH:mm"
     dateFormat="DD/MM/YY"
     inputProps={{ placeholder: ('Enter Date')}} />
  }

person Oshini    schedule 29.03.2019    source источник


Ответы (2)


Установив значение свойства ввода как true, мы можем включить ручной ввод поля ввода. Ниже я предоставлю пример кода, а также ссылку, по которой вы сможете получить дополнительную информацию https://www.npmjs.com/package/react-datetime-range-picker

<DatetimeRangePicker
 startDate= {this.state.startDate}
 endDate={this.state.endDate}
 onStartDateBlur={this.startDateBlurHandler}
 onEndDateBlur={this.endDateBlurHandler}
 input = {true}
 timeFormat="HH:mm"
 dateFormat="DD/MM/YY"
 inputProps={{ placeholder: ('Enter Date')}} />

}

person Bhavani Mandapati    schedule 29.03.2019
comment
Спасибо. да, это удаляет свойство readOnly. но я получаю некоторые ошибки, когда пытаюсь что-то напечатать. - person Oshini; 01.04.2019
comment
Список ошибок: 1. Вышеупомянутая ошибка произошла в одном из ваших компонентов React: 2. Uncaught TypeError: this.state.start.isSameOrBefore не является функцией 3. Предупреждение: нельзя вызвать setState (или forceUpdate) для размонтированного компонента. Это не работает, но указывает на утечку памяти в вашем приложении. Чтобы исправить, отмените все подписки и асинхронные задачи в методе componentWillUnmount. - person Oshini; 01.04.2019

Из "версии": "2.0.1" проблема исправлена. использование свойства «input = {true}» может включить ручной ввод даты и времени

person Oshini    schedule 05.04.2019