jQuery 日期选择器不显示答案

【问题标题】：jQuery datepicker not displayingjQuery 日期选择器不显示
【发布时间】：2015-03-10 16:52:09
【问题描述】：

我正在尝试使用 jQuery 日期选择器来选择日期，但是当我单击文本框时，日期选择器不显示。

HTML：

<link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<script>
$(function() {
    $( "#date" ).datepicker();
});
</script>

<body>
    <p>Date: <input type="text" id="date"></p>
</body>

另外，当我检查元素时，它显示为具有hasDatepicker 的类

【问题讨论】：

您的代码看起来不错 (jsfiddle.net/j08691/syvff3ek)。控制台有错误吗？
完全没有错误。我在使用 clone() 来显示地图的谷歌地图信息窗口中使用此表单。这可能会导致问题吗？
将脚本放在 Body 标签之后
将脚本放在正文之外没有任何作用
我会远离这里的 ids。使用一个类。看到这个答案stackoverflow.com/questions/707603/…如果克隆给你问题，看到这个答案stackoverflow.com/questions/10433154/…

标签： javascript jquery datepicker

【解决方案1】：

如果您的代码确实在 DOM 完全加载后执行，那不是问题...

在执行之前尝试删除 .hasDatepicker。

如果它是可链接的

$("#date").removeClass("hasDatepicker").datepicker();

否则

$("#date").removeClass("hasDatepicker");
$("#date").datepicker();

【讨论】：

【解决方案2】：

您的脚本可能在 DOM 完全加载之前运行。

您想确保您的 jQuery 在页面准备就绪时执行：

$(document).ready(function() {
  // Run your code here
});

【讨论】：