Question

我正在尝试弹出一个简单的日期选择器，但是无法弹出或者我不知道原因。这是我的代码：

<!DOCTYPE html>
<html>
<script type="text/javascript" src="jquery/jquery.js"> </script>
<link type="text/css" href="css/smoothness/jquery.css" rel="Stylesheet" />
<script type="text/javascript" src="jquery/jquery-ui.js"> </script>   

<script type="text/javascript">
$( #date ).datepicker();
 </script>
<body>
<input type="text" name="date" id="date" />
</body>
</html>

我正在运行一个具有所有正确路径的Apache服务器。有人知道为什么它不起作用吗？

Answer 1

尝试：

$(function() {
  $("#date").datepicker();
});

重点在于你的检查可能会失败，因为日期元素尚不存在，特别是它在寻找它的脚本之后才声明。

Answer 2

你应该把与日期选择器有关的代码放在INPUT标签之后。但据我所知，日期选择器组件需要在页面加载后调用它，因此你的代码应该变成这样：

<script language=javascript>
    $(function () {
        $( #date ).datepicker();
    });
</script>

现在应该可以工作了。

Answer 3

我不是专家，但您缺少了标记。

Answer 4

似乎问题已经解决了。你必须将它放入$(document).ready()函数中。

我只想再多提一点关于JQuery-UI的事情。如果你只需要日期选择器，你就不应该包含整个UI包。去JQuery-UI网站，你可以自定义自己的下载。标记你需要的项目，它会给你一个只包含最小限度的文件。这会让你的网页加载更快。

友情链接