禁用 Chrome 的 HTML5 日历控件答案

【问题标题】：Disabled Chrome's HTML5 calendar control禁用 Chrome 的 HTML5 日历控件
【发布时间】：2012-08-08 09:49:00
【问题描述】：

Chrome 会自动为 <input type="date"> 的任何字段添加日历小部件，并且还会向该字段添加一些临时日期格式。由于原始 html 规范要求任何不是复选框、收音机、文本、密码、文件等的输入类型被呈现为普通文本字段，这就是我们触发日历小部件的方式。我们可以设置元标记或其他选项来防止 chrome 这样做吗？

截图（请注意这不是我们的代码，chrome会自动添加这个）：

【问题讨论】：

这不是规范所要求的。规范说的是任何不受支持的input 类型都应该被视为text 输入。这一直是 date 类型的预期功能，所需的日期格式一直在规范中。如果您想将自定义行为挂起 type 属性，请使用类似 custom-date 的值。
Disable browser native datepicker 的可能重复项

标签： html google-chrome

【解决方案1】：

防止原生日期选择器的唯一方法是不给输入一个type="date" 属性；只需使用直接的type="text" 输入。使用type="date" 有一些主要优势，最显着的优化了移动设备的输入功能。但要避免选择器显示，您必须放弃这些。

我在我的博客 - http://tjvantoll.com/2012/06/30/creating-a-native-html5-datepicker-with-a-fallback-to-jquery-ui/ 上讨论了使用 <input type="date"> 的优点和缺点。

【讨论】：