如何避免反应日期选择器日历在上一个文本框中的选项卡按键上打开

【问题标题】：How to avoid react date picker calendar to open on tab keypress from previous textbox如何避免反应日期选择器日历在上一个文本框中的选项卡按键上打开
【发布时间】：2020-09-30 18:22:55
【问题描述】：

我们已经安装了 react-datepicker 组件。默认行为是在上一个字段的选项卡按键上打开日历。我怎样才能避免这种情况。请提出建议，因为我无法覆盖此组件的默认行为。我只想在按下选项卡时将焦点放在此控件上。

【问题讨论】：

标签： reactjs keyboard-events react-datepicker

【解决方案1】：

你可以手动打开：

<DatePicker
   ref={(c) => this._calendar = c}
   locale='ru'
    ...
   customInput={<InputField {...this.props} calendar={this._calendar}/>}
/>

然后在某个地方

this._calendar.setOpen(bool)

【讨论】：

你能提供一个提琴手的例子吗？

【解决方案2】：

您可以使用 preventOpenOnFocus 属性

<DatePicker
  ...
  preventOpenOnFocus={true}
/>

【讨论】：