与jQuery日期选择器冲突的HTML5日期输入类型
我正在使用jQuery UI的日期选择器在我的站点上选择日期。我的一个用户刚刚升级到最新版本的Chrome，它有内置的HTML5原生日期选择器。最大的问题是这两个UI相互重叠。另一个问题是，当用户提交日期时，数据库中的日期恢复为"0000-00-00“，并产生错误数据。
如果我删除jQuery日期选择器，大多数不使用最新最好的浏览器的用户将不会有弹出日期选择器。而且，那些拥有最新浏览器的人将有两个重叠的日历，这会破坏应用程序。我的问题是，如何禁止最新的浏览器显示内置的日期函数，而只是继续使用jQuery日期选择器？
回答 4
Stack Overflow用户
发布于 2012-07-03 00:50:46
使用Modernizr或类似的库来检测浏览器是否支持input type=date，如果不支持，则加载jQuery UI日期选择器。
if (!Modernizr.inputtypes.date) {
$('input[type=date]').datepicker();
}Stack Overflow用户
发布于 2012-07-03 01:59:24
从使用input[type=date]切换到input[type=text]或使用现代来检测对本机datepicker的支持。我在这里写了一篇关于这两个选项的含义的帖子- http://tjvantoll.com/2012/06/30/creating-a-native-html5-datepicker-with-a-fallback-to-jquery-ui/。
Stack Overflow用户
发布于 2012-10-24 00:58:27
有时不能修改表单类型。例如，我使用的是Symfony2包的FormType。
我使用Genemu css Datepicker解决了这个问题，我添加了一个日历图像按钮和一些jQuery代码来解决这个问题。
You can see final result in this link
您可以在此处阅读有关添加图像图标的文档：jQuery UI Datepicker
然后，我简单地添加了一个css，如下所示(可能样式规则对您来说会有所不同)：
form input[type=date] + img {
position: relative;
left: -25px;
}https://stackoverflow.com/questions/11297827
复制相似问题