jQuery DatePicker - DatePicker 不是函数答案

【问题标题】：jQuery DatePicker - DatePicker Is Not A FunctionjQuery DatePicker - DatePicker 不是函数
【发布时间】：2012-03-05 06:05:56
【问题描述】：

我总是收到错误 datepicker is not a function"。如果我在 Firebug 中查看源代码，我可以单击所有 jQuery 脚本链接，它们都是有效的。我什至可以在主 .js 文件中进行搜索对于 datepicker 函数并在那里查看。

所以功能似乎在那里，jQuery 的其余部分似乎正在工作 - 我可能做错了什么？

这是一个 ASP.NET 环境，但我使用的是标准 HTML 控件，所以这不是命名问题。

动脑筋。欢迎提出任何建议。

更新 2

在 Drew 的评论提示下，我想成为我的日期选择器的输入控件位于更新面板中。这种情况有解决方法吗？

更新请参阅以下内容：

呼唤：

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

代码：

<script type="text/javascript" src="http://alpha-js.example.co.uk/navigation.js"></script>
<script type="text/javascript" src="http://alpha-js.example.co.uk/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://alpha-js.example.co.uk/jquery/jquery-ui-1.8.18.custom.js"></script>
<script type="text/javascript" src="http://alpha-js.example.co.uk/jquery.tools.min.js"></script>
<script type="text/javascript" src="http://alpha-js.example.co.uk/jquery.tables.js"></script>
<script type="text/javascript" src="http://alpha-js.example.co.uk/jquery.uniform.min.js"></script>
<script type="text/javascript" src="/js/example.js"></script>

【问题讨论】：

你能告诉我们你是如何尝试实现它的吗，plz
检查是否有 jquery.min.js 文件
DatePicker 是 jQueryUI 的一部分（独立于 jQuery），你也包括了它，对吧？还是您在使用另一个 DatePicker？
碰巧做到了；您在使用日期选择器之前触发了 UpdatePanel？
是的，Drew，输入字段位于 asp.net 更新面板中。这现在更有意义了吗？

标签： jquery datepicker

【解决方案1】：

很可能在您调用datepicker 时没有加载jQuery。确保在加载 jQuery 后调用该函数。

【讨论】：

您可能还应该将代码放在$(function(){}) 块中。

【解决方案2】：

既然你说所有脚本在 Firebug 中都是有效的，那么我猜你忘了在 document ready-function 中添加绑定。

你应该这样做：

$(document).ready(function() {
  //Entire document/Dom/scripts are loaded now you can bind
  $( "#myElement" ).datepicker();
});

编辑：你有任何脚本错误吗？可能是在文档准备好之前发生了其他故障。

您可以使用谷歌浏览器，按 ctrl+shift+i，切换到脚本选项卡。左下方是一个暂停图标（两个竖条，左起第四个图标）。确保它显示“暂停未捕获的异常”，然后重新加载页面。

【讨论】：