HTML 5 Input type='date' 禁用键盘输入

Question

我正在开发 Chrome 打包应用程序，因此我的代码只能在 Chrome 中运行。

我有以下输入

<input type="date" />

https://jsfiddle.net/jhbo4q2k/

在 Chrome 上，这会自动添加一个 DatePicker。我只想保留此 Datepicker 并禁用键盘输入。

这可能吗？

编辑：

接受的答案有效。请注意这一点

https://developer.chrome.com/extensions/tut_migration_to_manifest_v2#inline_scripts

您不能在打包的应用程序中使用内联脚本。

原文由 b-m-f 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 onkeydown 并阻止用户输入该值。

 <input type="date" onkeydown="return false" />

原文由 mohamedrias 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

对于 ReactJS，上述解决方案不起作用

我必须做：

 <input type="date" onKeyDown={(e) => e.preventDefault()} .... />

原文由 François Hereng 发布，翻译遵循 CC BY-SA 4.0 许可协议