reactjs - React-Widgets DateTimePicker : Prevent keyboard input or copy pasting

标签 reactjs

我正在尝试使用 DateTimePicker组件来自react-widgets

是否可以禁用 DateTimePicker 输入字段的键盘输入(和复制粘贴)并仅限制下拉选择。

disable API 会禁用所有内容,包括下拉选择菜单。我的目的是限制用户可以选择哪些值,而我只能从下拉菜单中进行选择。

最佳答案

试试这个:

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

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

关于reactjs - React-Widgets DateTimePicker : Prevent keyboard input or copy pasting,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50197780/

相关文章:

reactjs - React 中如何评估 "history"对象

javascript - 如果存在带有逻辑运算符的 js 注入(inject),将渲染/发送到 ReactDOM.render() 作为参数

reactjs - 由于实现限制,CRA 2.0 w/typescript 覆盖了我的 tsconfig.json

reactjs - react-google-maps 如何获取标记位置?

使用 Material-UI : where to find, 的 SVG 图标如何设置样式?

javascript - 在 ace 编辑器中启用 Python 语法验证/检查器

reactjs - Webflow 与 React 的集成

javascript - React中如何让用户下载数据(CSV)?

javascript - React + Redux 更新状态未重新渲染

reactjs - 使用react/nextjs中本地存储的参数初始化组件