jQuery datepicker没有显示

时间:2015-03-10 16:52:10

标签: javascript jquery datepicker

我试图使用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

2 个答案:

答案 0 :(得分:1)

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

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

如果它是可链接的

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

否则

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

答案 1 :(得分:0)

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

您希望确保在页面准备就绪时执行jQuery:

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