Question

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

类

Answer 1

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

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

如果它是可链接的

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

否则

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

Answer 2

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

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

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

jQuery datepicker没有显示

2 个答案: