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

标签 reactjs typescript react-datepicker

我正在使用 react 日期选择器,但我在移动 View 上遇到问题。 虚拟键盘隐藏了我的日期选择器的一部分。 有什么建议吗?

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

谢谢

最佳答案

this为我工作!我将其放入包装组件中,如 componenetDidMount() 中。

关于reactjs - 使用 React DatePicker 时禁用移动浏览器上的键盘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55901146/

相关文章:

javascript - 使用 React 将数据报告回父组件的过程是什么?

javascript - React Native 热重载导致升级后完全重载

css - Styled-component vs jss vs React 的情感

typescript - 如何使用 typescript 转译,只有特定文件?

javascript - 抛出错误 RangeError : Invalid time value while setting custom date to DatePicker of react-datepicker

javascript - 如何将react-hook-form与我的自定义react-date-picker一起使用?

javascript - React Datepicker 不会缩小到父容器

javascript - 如何使用 react 钩子(Hook)验证表单?

javascript - RxJS - 仅当其他人在延迟期间不发射时发射

javascript - 即使机器人是管理员,Discord JS 管理角色权限也会丢失