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

Question

我一直在互联网上寻找解决问题的方法。 我开发了一个Web应用程序，该应用程序将同时用于台式机和触摸屏移动设备，因此jQuery Mobile是我的首选框架。

不幸的是，日期选择器（输入类型=“ date”）似乎没有出现在Macbook笔记本电脑上的Safari中。 应用程序中有很多日期字段，因此这很重要。

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

有人对此有意见，可能有解决办法吗？ 我确实希望有很多像我这样的Macbook用户。

非常感谢，请始终感谢您的投入:)

干杯--安德鲁

Answer 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>   

Answer 2

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