Question

我昨天早上在我的网站上工作，我甚至在Safari和我的iphone上测试了它，我很确定当你点击完整日历时出现的Datepicker 选择日期部分正常运行。现在，客户在2小时前发送了一条消息，说明点击了 FULL CALENDAR 按钮后日历没有显示。我在我的Mac上试过它，它在Chrome和除Safari之外的其他浏览器中工作。我今晚也在我的iPhone上尝试过它，发现它不适用于safari和chrome浏览器。

以下是该网站的链接：http://www.localflorist.ie/adonis/zeus

请帮助我，我已经花了4个小时试图解决这个问题。

：（

非常感谢！

CSS导入的标头代码：

<link rel="stylesheet" href="http://www.bmtester.com/assets/css/style.css?ver=1468931601">


<script>
  var loadDeferredStyles = function() {
    var addStylesNode = document.getElementById("deferred-styles");
    var replacement = document.createElement("div");
    replacement.innerHTML = addStylesNode.textContent;
    document.body.insertBefore(replacement, document.body.firstChild)
    addStylesNode.parentElement.removeChild(addStylesNode);
  };
  var raf = requestAnimationFrame || mozRequestAnimationFrame ||
      webkitRequestAnimationFrame || msRequestAnimationFrame;
  if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
  else window.addEventListener('load', loadDeferredStyles);
</script>

在点击

上激活日历的正文代码

<li>
 <label for="date-delivery" class="full-calendar">
   <input type="radio" name="date_delivery" class="form-control bm-rounded" id="date-delivery" value="07/24/2016" >
   <span class="hover"></span>
    <span class="dd-md-der">
    <span id="full-cal-day">Full</span>
    <span id="full-cal-month">Calendar</span>
   </span>
 </label>
</li>

日历的JS代码

$(".full-calendar").click(function(){ $("#date-delivery").datetimepicker("show"); });
  $('#date-delivery').datepicker({
    setDate : $(this).val(),
    minDate:3,
    datepicker:true,
    scrollMonth:false,
    timepicker:false,
    format:'m/d/Y'
  });

JQuery Datepicker不能在iOS设备上运行，但适用于Windows和Android

0 个答案: