Javascript 如何禁用手机上出现的键盘：反应日期时间选择器

当我在手机上测试日期选择器选项时，键盘也出现了。 我试过一些，但这并不能解决我的问题

<DatePicker  onChange={this.bidHandleChangeStart} 
value={this.state.startDate} name="startDate" maxDate={new Date()}  customInput={<CustomInput />} />

const CustomInput = React.forwardRef((props,ref) => {
    return (
        <input
            readOnly={true}
        />
    )
})

const CustomInput=React.forwardRef（（props，ref）=>{
返回(
)
})

您可以使用

键盘

模块解决此问题

示例

从'react native'导入{Keyboard}；
...
componentDidMount（）{
this.keyboardDidShowListener=Keyboard.addListener(
“keyboardDidShow”，
这是键盘显示，
);
}
组件将卸载（）{
this.keyboardDidShowListener.remove（）；
}
_键盘显示{
警报（“显示键盘”）；
键盘
}

在接收焦点时尝试强制模糊。我不知道，但有点像：-

onFocus={this.blur()}

---

我过去也有同样的问题，由@Oleg解决

这里有一个例子。我认为这对你有帮助

import { Keyboard } from 'react-native';

...
<Input caretHidden onFocus={(e) => Keyboard.dismiss()} />
...

从'react native'导入{Keyboard}；
...
Keyboard.disclose（）}/>
...

这是React-JS应用程序。不是React-native应用程序。我想在移动web浏览器上隐藏键盘。因此我无法从React-native导入。对吗？@YasiruAttanayake为什么要将React-native添加为tek？你把它开发成React吗？是的，它是ReactJs应用程序