HTML5日期输入类型干扰jQuery Datepicker

前端之家收集整理的这篇文章主要介绍了HTML5日期输入类型干扰jQuery Datepicker前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的网站上使用jQuery UI的datepicker进行日期选择。我的一个用户刚刚升级到最新版本的Chrome,它内置了HTML5的原生日期选择器。两个UI的重大问题相互重叠。另一个问题是用户提交日期时,数据库中的日期恢复为“0000-00-00”,并且生成不良数据。

如果我删除了jQuery datepicker,大多数用户不使用最新的浏览器将不会有一个弹出日期选择器。而那些拥有最新浏览器的人将会有两个重叠的日历,这些日历会打破应用程序。我的问题是如何禁用最新的浏览器显示内置的日期功能,并继续使用jQuery Datepicker?

解决方法

如果浏览器支持输入类型=日期,则使用 Modernizr或类似的库来检测,然后加载jQuery UI datepicker(如果没有)。
if (!Modernizr.inputtypes.date) {
    $('input[type=date]').datepicker();
}

猜你在找的HTML5相关文章