jQuery UI datepicker在移动Safari(iPhone)月/年下拉怪行为

时间:2017-01-05 13:03:21

标签: ios iphone mobile-safari jquery-ui-datepicker

此问题在iPhone上的移动版Safari中很明显(我还没有在其他iOS设备上测试过)但我无法在Windows或Android上重现。

可在https://jsfiddle.net/DaveParsons/havwgb2u/

找到简单版本

我无法使用原生<input type="date">,因为我需要使用datepicker的灵活性。

要重现,只需从日期选择器控件中选择一个不同的月份,然后单击日历中的某一天或随机元素 - 重新显示iOS选择器轮。

有没有办法让iOS知道它不需要继续弹出选择器。

&#13;
&#13;
$("#date").datepicker({
  changeYear: true,
  changeMonth: true
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

<form>

  <div id="date">
  </div>

  <button type="submit">
    Test
  </button>

  <div>
    <p>
      random element <a href="#">with link</a>
    </p>
  </div>

</form>
&#13;
&#13;
&#13;

0 个答案:

没有答案