使用 jquery-ui答案

【问题标题】：using jquery-ui使用 jquery-ui
【发布时间】：2009-03-07 20:09:27
【问题描述】：

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

<!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 服务器。任何人都可能知道为什么这不起作用？

【问题讨论】：

标签： jquery html jquery-ui

【解决方案1】：

试试：

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

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

【讨论】：

【解决方案2】：

您应该将与日期选择器相关的代码放在 INPUT 标记之后。但是，据我所知，datepicker 组件要求您在页面加载后调用它，因此您的代码应该变成这样：

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

现在应该可以了。

【讨论】：

【解决方案3】：

我不是专家，但您缺少

标签。

【讨论】：

【解决方案4】：

看来问题已经解决了。你必须把它放在一个 $(document).ready() 函数中。

我只想添加关于 JQuery-UI 的另一件事。如果您只需要日期选择器，则不应包含整个 UI 包。转到 JQuery-UI 站点，您可以自定义下载。标记你需要的东西，它会给你一个只有最低限度的文件。这将使您的页面加载速度更快。

【讨论】：