HTML 5输入类型='日期'禁用键盘输入

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

您无法在打包的应用程序中使用内联脚本.

Answer 1

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

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

Answer 2

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

我必须做：

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