3

问题：日期选择器根本没有出现。控制台中没有错误。所有文件都包含在内，并可通过 Firebug 访问。

在花了太多时间试图让 jQuery UI 日期选择器工作之后，包括阅读几十个谷歌结果，我需要你的帮助。即使是最简单、简单、直接的 datepicker 实现也不适合我。

我正在测试的当前示例（只剩下日期选择器）：

<html>
<head>
<meta charset="UTF-8">
<title>DatePicker Test</title>

<!-- JavaScript -->
<script type="text/javascript" src="../js/jquery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/jquery/jquery-ui-1.8.19.custom.min.js"></script>
<!--script type="text/javascript" src="../js/jquery/jquery.ui.datepicker.js"></script-->

<!-- Stylesheets -->
<link rel="stylesheet" href="../css/ui-lightness/jquery-ui-1.8.19.custom.css" />

<script type="text/javascript">
$(function() {
    $( "#datepicker" ).datepicker();
});
</script>
</head>

<body>
<div><input type="text" id="datepicker" class="hasDatepicker" /></div>
</body>
</html>

这不起作用。我已经下载了整个 jQuery UI 代码 ( jquery-ui-1.8.19.custom.min.js) 并尝试了一切。我什至尝试在 jQuery UI 附带的演示 HTML 页面中添加一个简单的 datepicker 字段。没有。

然后我下载了 jQuery UI 的开发人员包，并尝试了datepicker.js使用 jQuery，但即使这样也失败了。

因此，尽管我没有收到任何错误，并且我可以在代码中看到我的选择器，并通过从控制台调用它，但我只是一无所获。

然后我尝试了许多已在多个论坛帖子中发布的 CSS 修改，将我的 JavaScript 从顶部移到底部，在 datepicker 之后。. . 和各种突变，但没有任何效果。

那是我吗？

当然，其他人可以使用datepicker插件，我做错了什么？

4

2 回答 2

6

嘿，所以我调查了你的问题。我建议删除输入中对我有帮助的类声明。还要确保您的脚本链接正确。您当前要求他们从当前页面之前的文件夹中提取。如果页面和 css/js 文件夹在同一个目录下，可以去掉前面的“../”。 

<input type="text" id="datepicker" />

FireFox 中一个有用的附加组件是Web Developer 工具

于 2012-04-24T18:23:56.923 回答
0

在这里查看这个 js fiddle以获得一个工作示例。这与您正在做的减去输入字段上的类非常相似，并且在这种情况下，示例使用的是 CDN。

您一定有什么问题（可能没有获取脚本或 CSS）。

于 2012-04-24T18:23:39.393 回答