2

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

(唯一的区别是宽度)

有任何想法吗?

4

2 回答 2

0

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

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

于 2013-07-29T13:11:55.320 回答
0

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

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

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

有关如何检测浏览器支持的更多信息,请参阅此问题:如何判断浏览器是否支持 <input type='date'>

于 2013-07-29T13:16:02.837 回答