HTML5 日期选择器不能在桌面上工作，只能在移动设备上工作答案

【问题标题】：HTML5 date picker not working on desktop, only mobileHTML5 日期选择器不能在桌面上工作，只能在移动设备上工作
【发布时间】：2013-07-29 13:07:35
【问题描述】：

HTML5 日期选择器仅在移动设备上显示，在桌面网站上没有任何作用。我正在使用以下html：

<input type="date" name="req_dobirth" tabindex="13" id="req_dobirth" value="<%=request("req_dobirth")%>" />

移动表单上的相同字段是：

<input type="date" name="req_dobirth" tabindex="17" style="width: 92%;" id="req_dobirth" value="<%=request("req_dobirth")%>" />

（唯一的区别是宽度）

有什么想法吗？

【问题讨论】：

【解决方案1】：

因为它在桌面上支持 IOS/Safari 和 Chrome/Opera。

【讨论】：

【解决方案2】：

大多数桌面浏览器仍然不支持date 输入类型。

您可以在此处找到完整的浏览器兼容性图表：http://caniuse.com/input-datetime

我建议使用某种类型的 polyfill（例如，可能是 jQuery datepicker 控件，或者查看modernizr polyfill list 以获得更多选项）作为不支持它的浏览器的后备。

有关如何检测浏览器支持的更多信息，请参阅此问题：How can I tell if a browser supports <input type='date'>

【讨论】：