HTML5日期输入类型干扰jQuery Datepicker

Neo*_*eon 16 html5 jquery-ui

我在我的网站上使用jQuery UI的datepicker进行日期选择.我的一位用户刚刚升级到Chrome的最新版本,该版本内置了HTML5的原生日期选择器.两个UI相互重叠的大问题.另一个问题是当用户提交日期时,数据库中的日期将恢复为"0000-00-00"并产生错误数据.

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

jmo*_*dyk 38

使用Modernizr或类似的库来检测浏览器是否支持input type=date,然后加载jQuery UI datepicker(如果不支持).

if (!Modernizr.inputtypes.date) {
    $('input[type=date]').datepicker();
}
Run Code Online (Sandbox Code Playgroud)