Question

我正在尝试jqueryUI，但是firebug在这个脚本上捕获到以下错误：

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

萤火虫错误如下：

$("#date").datepicker is not a function

在我的HTML上，“日期”ID如下所示：

<input type="text" name="date" id="date" >

注意：我在

部分使用了正确的JqueryUI css / js脚本

什么都没有执行......

Answer 1

jQuery documentation表示您可以通过此命令调用datepicker：

$("#datepicker").datepicker();

如果单击文档页面上的“查看源”按钮，您可以看到它们已将其包装到 ready 函数中：

$(document).ready(function(){
    $("#datepicker").datepicker();
  });

编辑：它应该与INPUT一起使用（感谢您指出Steerpike）。这是我写的测试，它有效，请亲自尝试：

<html>
<head>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.datepicker.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
    $("#datepicker").datepicker();
  });
  </script>
</head>
<body>
  <input type="text" id="datepicker" value="this is a test">   
</body>
</html>

Answer 2

您几乎肯定没有正确加载datepicker插件。请提供您用于包含javascript文件的代码。

如果您遇到问题，请从google api加载jquery和用户界面。

<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("jquery", "1.3.2");
    google.load("jqueryui", "1.7.0");
</script>

Answer 3

对我而言，只是确保jquery ui是所有js包含列表中的最后一个。

Answer 4

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

确保您的函数位于.ready主函数内。

Answer 5

这是一个古老的帖子，但我在寻找解决方案时到了这里，所以人们仍然阅读它;）我有或者更确切地说有同样的问题。在我的情况下，事实证明我以错误的方式在html中附加js（请注意我以何种方式结束script标记）

错误：<script type="text/javascript" src="/fbo/js/jquery-ui-1.8.14.custom.min.js"/>

好的：<script type="text/javascript" src="/fbo/js/jquery-ui-1.8.14.custom.min.js"></script>

当我以错误的方式做错时，我遇到了同样的错误。

Answer 6

您可能正在加载prototype.js或其他使用$作为别名的库。

尝试用jQuery替换$。

为什么jqueryUI datepicker会抛出错误？

6 个答案: