3

我正在尝试 jqueryUI，但 firebug 在此脚本上捕获了以下错误：

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

萤火虫错误显示：

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

在我的 html 中，“日期”ID 如下所示：

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

注意：我在该部分使用了正确的 JqueryUI css/js 脚本

什么都没有执行...

4

6 回答 6

3

jQuery 文档说您可以通过以下命令调用 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>
于 2009-04-03T09:35:57.133 回答
2

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

如果您仍然遇到问题，请从 google api 加载 jquery 和 UI。

<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>
于 2009-04-03T09:56:49.797 回答
2

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

于 2010-12-17T14:27:51.917 回答
1 
 $(document).ready(function(){
  // Your code here
 });

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

于 2009-04-03T09:38:48.687 回答
1

这是一篇旧帖子，但我在寻找解决方案时来到这里，所以人们仍然阅读它；）我有或者更确切地说有同样的问题。就我而言，事实证明我以错误的方式在 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>

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

于 2011-07-14T06:40:28.397 回答
0

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

尝试用 jQuery 替换 $。

于 2009-04-03T09:51:22.637 回答