Question

我一直在寻找解决我问题的互联网。我开发了一个网络应用程序，它将被桌面和桌面使用。触摸屏移动设备，所以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项目中使用http://dev.jtsage.com/jQM-DateBox/上的JQM Date框没有问题，而不是依赖于内置功能。在台式机以及Android和iOS设备上为我工作得很好。你可能想要一试。

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

2 个答案: