reactjs - 使用 React DatePicker 时禁用移动浏览器上的键盘

Question

我正在使用反应日期选择器，我在移动视图上遇到问题。虚拟键盘隐藏了我的日期选择器的一部分。有什么建议吗？

<DatePicker
      className={css.datePicker}
      todayButton={'Today'}
      selected={date}
      onChange={this.changeHandler}
      onBlur={this.handleBlur}
      name={this.props.name}
      minDate={this.store.state.searchParameters.Arrival}
      disabledKeyboardNavigation
      withPortal={isMobileView}
      onChangeRaw={e => e.preventDefault()}
      onFocus={e => e.preventDefault()}
      onKeyDown={e => e.preventDefault()}/>

谢谢

Answer 1

handleDateChangeRaw = (e) => {
  e.preventDefault();
}

...

render() {
  ...
  <DatePicker onChangeRaw={this.handleDateChangeRaw} ... />
  ...
}

这里是源

Answer 2

this worked for me! I put it in the wrapper component as in componenetDidMount().