Jquery ui 隐藏jquery日期选择器并在mobile中显示本机

我正在使用jQueryUI中的datepicker。 我的输入是

type=text

。我只想在桌面上显示datepicker，但在移动浏览器中显示本机datepicker。 如果我放置

type=date

并激活datepicker，它显然会与本机datepicker一起显示

---

如何在桌面和手机中显示jquery datepicker？

您不能直接检查设备是手机还是桌面。但是，您可以检查当前浏览器是否具有本机日期选择器

用于检查目标浏览器是否具有本机日期选择器。然后，仅当它没有本机日期选择器时，才使用jQuery UI日期选择器。您可以这样实现：

<label>Date <input type="date"></label>

<script>
if(!Modernizr.inputtypes.date){
     $(’input[type=date]’).datepicker({
         // Consistent format 
         dateFormat: ’yy-mm-dd’
     });
}
</script>

日期
如果（！Modernizer.inputtypes.date）{
$（'input[type=date]'）。日期选择器({
//一致格式
日期格式：“yy-mm-dd”
});
}

如果浏览器具有本机日期选择器，则格式始终为YYYY-MM-DD（请参阅），因此还应将jQuery UI日期选择器的格式设置为

YYYY-MM-DD

我也建议大家看看这个

---

请注意，如果目标设备是带有

的触摸设备，您也可以使用Modernizer进行检查！现代化触摸屏

。但是，这是没有用的，因为存在没有本机datepicker的触摸设备（现实场景：使用firefox的带触摸屏的桌面计算机）。

上面：

数据应该是
日期
您错过了
中的数据！现代化.输入类型.数据
；）@多谢！我相信有一天这篇文章会是正确的：P@Adam那一天来了！