jQuery Mobile：桌面浏览器兼容性问题 <input type='date'>答案

【问题标题】：jQuery Mobile: Desktop Browser Compatibility Issue <input type='date'>jQuery Mobile：桌面浏览器兼容性问题 <input type='date'>
【发布时间】：2014-01-10 00:08:21
【问题描述】：

我一直在互联网上寻找解决问题的方法。我已经开发了一个可供桌面和触摸屏移动设备使用的网络应用程序，所以 jQuery Mobile 是我选择的框架。

不幸的是，日期选择器（输入类型 =“日期”）似乎没有显示在我的 Macbook 笔记本电脑的 Safari 中。应用中有很多日期字段，因此显示这一点非常重要。

根据 jQuery Mobile 的文档（我使用的是最新的 v1.4），他们声称 Safari 一切正常。

有没有人对此有意见，可能有解决方案？我确实预计会有相当多的 Macbook 用户像我一样。

非常感谢，永远感谢您的意见:)

干杯 - - 安德鲁

【问题讨论】：

标签： javascript jquery jquery-mobile mobile safari

【解决方案1】：

Safari 提供日期格式的文本字段，但没有真正的日历小部件。对于某些浏览器，您需要额外的选择器。也许对所有浏览器都这样做：

<link rel="stylesheet" href="jquery.ui.datepicker.mobile.css" /> 
<script src="jQuery.ui.datepicker.js"></script>
<script src="jquery.ui.datepicker.mobile.js"></script>

防止显示本机原生日期选择器：

<script>
  //reset type=date inputs to text
  $( document ).bind( "mobileinit", function(){
    $.mobile.page.prototype.options.degradeInputs.date = true;
  });   
</script>

【讨论】：

【解决方案2】：

我在我的 jQuery Mobile 项目中使用 http://dev.jtsage.com/jQM-DateBox/ 的 JQM 日期框没有任何问题，而不是依赖内置功能。在台式机以及 Android 和 iOS 设备上对我来说效果很好。您可能想试一试。

【讨论】：