React-Widgets DateTimePicker：防止键盘输入或复制粘贴

Question

我正在尝试使用DateTimePicker

中的react-widgets组件

是否可以为DateTimePicker输入字段禁用键盘输入（和复制粘贴），并且仅限制下拉选择。

disable API会禁用所有内容，包括下拉选择菜单。我的目的是约束允许用户选择的值，我只能从下拉菜单中选择。

Answer 1

试试这个：

<DateTimePicker
  inputProps={{
    component: props => <input {...props} readOnly />
  }}
/>

反应小部件中有一个active issue repo允许仅为输入设置readOnly，这将更优雅地完成此任务。

Answer 2

我通过处理onChangeRaw来解决此问题，该监听侦听输入上的更改并将当前字段值设置为空字符串。

<DatePicker
  value={this.state.startDate}
  onChangeRaw={event =>
      this.setState({startDate: ''})}
  onChange={value =>
      this.setState({startDate: value})}
/>