Javascript 为什么jqueryUI日期选择器会抛出错误？_Javascript_Jquery_Jquery Ui_Jquery Ui Datepicker

Javascript 为什么jqueryUI日期选择器会抛出错误？

javascript jquery jquery-ui

Javascript 为什么jqueryUI日期选择器会抛出错误？,javascript,jquery,jquery-ui,jquery-ui-datepicker,Javascript,Jquery,Jquery Ui,Jquery Ui Datepicker,我正在试用jqueryUI，但firebug在此脚本上发现以下错误： $(function(){$("#date").datepicker()}); firebug错误如下所示： $("#date").datepicker is not a function 在我的html中，“日期”id如下所示： <input type="text" name="date" id="date" > 注意：我在本节中使用了正确的JqueryUI css/js脚本没有执行任何操作…表示可以

我正在试用jqueryUI，但firebug在此脚本上发现以下错误：

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

firebug错误如下所示：

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

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

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

注意：我在本节中使用了正确的JqueryUI css/js脚本

没有执行任何操作…

表示可以通过以下命令调用日期选择器：

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

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

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

编辑：它应该与输入一起工作（感谢您指出这一点）。这是我编写的测试，它有效，请自己尝试：

<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>


$（文档）.ready（函数（）{
$（“#日期选择器”）.datepicker（）；
});

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

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

尝试用jQuery替换$。

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

如果您一直遇到问题，请从GoogleAPI加载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>


load（“jquery”，“1.3.2”）；
load（“jqueryui”，“1.7.0”）；

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

这是一篇老文章，但我是在寻找解决方案时来到这里的，所以人们仍然阅读它；）我有过或者更确切地说是有过同样的问题。在我的例子中，我以错误的方式在html中附加js（注意我以什么方式结束

script

tag）

错误：

好：

当我以错误的方式执行时，我也出现了相同的错误。

您需要将日期选择器附加到DIV或SPAN。请再试一次。对不起，我不想投否决票，但不能将datepicker（）附加到输入字段是不正确的。只是因为演示没有显示，并不意味着你不能这样做。（如果你不能将datepicker附加到输入字段，它会让datepicker变得毫无用处）@Steerpike:你说得对。文档中说要将其附加到DIV或SPAN，但在使用输入进行测试后，在选择输入控件后，我得到了一个日历控件。投票支持您进行更正，并使用外部ui/jquery下载进行测试，这通常解决了在上发现的90%的jquery问题：）现在开始工作，没有包含正确的标题（ui.datepicker.js）+1您的评论使我正确地为这个问题提供了解决方案；-）

<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>