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

Question

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

<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是来源