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

时间:2013-07-29 13:07:36

标签: html5 date datepicker

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")%>" />

(唯一的区别是宽度)

有什么想法吗?

2 个答案:

答案 0 :(得分:0)

因为它支持IOS / Safari和Chrome / Opera on Desktop。

http://caniuse.com/#feat=input-datetime

答案 1 :(得分:0)

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

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

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

有关如何检测浏览器支持的详情,请参阅此问题:How can I tell if a browser supports <input type='date'>