jQuery UI datepicker不会在iPad上关闭

时间:2015-04-13 12:45:47

标签: javascript jquery jquery-ui datepicker

日期选择器通常适用于PC,但不适用于iPad的浏览器。在beforeShow中,我添加了关闭按钮:

var headerPane = $("#ui-datepicker-div");
headerPane.append("<a href='javascript:void(0);' class='close-datepicker'>");

关闭:

closeDatePicker: function(){
    $.datepicker._hideDatepicker();
} ...

在事件中点击:

Events: function(){
  $('body').on('click', '.close-datepicker' this.closeDatePicker)
}

我尝试了.datepicker("hide"),也没有尝试过。

2 个答案:

答案 0 :(得分:0)

也许这只是一个简单的语法问题......

您的headerPane.append(...)打开HTML A标记;你在某个地方把它关闭了吗?

在您的活动功能中,您是否在'.close-datepicker'后错过了逗号?

答案 1 :(得分:0)

我认为my answer here也适用于这个问题。基本上我只是将OnClick=""添加到包含我的datepicker输入的父div。这是我的iOS Datepicker没有关闭问题的最简单的修复,我不需要任何特殊的关闭处理程序逻辑作为你似乎正在尝试的解决方法。当我选择&#34;完成&#34;它仍然不会关闭。来自iOS日期选择器,但当我点击页面上的其他位置时它会关闭。