Question

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

花了太多时间试图让jQuery UI datepicker工作，并且包括阅读几十个Google结果，我需要你的帮助。即使是最简单，简单，直接的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的开发人员包，并尝试使用jQuery datepicker.js，但即使失败了。

所以虽然我没有收到任何错误，但我可以在代码中看到我的选择器并通过从控制台调用它，我只是老了。

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

是我吗？

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

Answer 1

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

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

FireFox中有用的插件是Web Developer tools

Answer 2

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

你必须有错误（可能是脚本或css没有获得来源）。

jQuery datepicker不像宣传的那样工作

2 个答案: