jQuery 日期选择器需要长按才能在 iPhone 中打开

Question

如何才能在 iPhone 中一键打开日期选择器？

在桌面和 Android 上都很好；只有在 iPhone 中我才需要长按或点击多次。

这是我的脚本:

jQuery(".calendar-pick").datepicker({dateFormat: 'dd M, yy',minDate: 0});

Answer 1

var pressTimer;
//put below click if resolution is IPHONE long press on anchor link or textbox it will open after 2 secs 
$(".calendar-pick, a").mouseup(function(){
  clearTimeout(pressTimer);
  // Clear timeout
  return false;
}).mousedown(function(){
  // Set timeout
  pressTimer = window.setTimeout(function() {
  //your code goes here first
    $(".calendar-pick").datepicker("destroy");
    $(".calendar-pick").datepicker({dateFormat: 'dd M, yy',minDate: 0});
    $(".calendar-pick").focus();
  
  },2000);
  return false; 
});

$(function(){
$(".calendar-pick").datepicker({dateFormat: 'dd M, yy',minDate: 0});
})

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<a href="#" >Hello</a>
<input  class="calendar-pick" type="text" />