jQuery Mobile：桌面浏览器兼容性问题<输入类型='日期'>

Question

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

不幸的是，日期选择器（输入类型="日期"）似乎没有显示在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项目中使用JQM Date框 http://dev.jtsage.com/jQM-DateBox/而不是依赖内置功能没有问题。在台式机以及Android和iOS设备上对我来说工作正常。你可能想试一试。