使用React DatePicker时在移动浏览器上禁用键盘

Question

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

<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()}/>

thnx

Answer 1

this为我工作！我把它放在componenetDidMount（）中的包装器组件中。

Answer 2

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

...

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

Here是来源