HTML5日期选择器不在桌面上工作,仅在移动设备上工作
HTML5日期选择器只在手机上显示,在桌面网站上没有任何功能。我正在使用以下html:HTML5日期选择器不在桌面上工作,仅在移动设备上工作,html,date,datepicker,Html,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: 9
<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")%>" />
(唯一的区别是宽度)
有什么想法吗?因为它支持IOS/Safari和桌面上的Chrome/Opera
大多数桌面浏览器仍然不支持日期输入类型 您可以在此处找到完整的浏览器兼容性图表: 我建议使用某种类型的polyfill(例如jQuery-datepicker控件,或者查看更多选项)作为不支持它的浏览器的后备
有关如何检测浏览器支持的更多信息,请参见此问题:您正在测试哪些浏览器?并不是所有人都支持
日期
输入类型。很抱歉,应该提供该信息。只适用于Chrome,不适用于firefox、IE或Safari(在mac上)还有其他兼容更多浏览器的选择吗?jQueryUI日期选择器是一个不错的选择,应该适用于大多数浏览器。jQueryUI日期选择器有jQueryUI日期选择器,但依赖于我众多的jQuery脚本,这是矛盾的,所以寻找一个更简单的选择。感谢polyfill的回答,我将仔细检查,因为它看起来只是一张票。奇怪的是,没有一个日期选择器polyfill我可以在Safari找到工作,即使他们声称他们可以!