Uncaught TypeError: Object Object] has no method 'datepicker'答案

【问题标题】：Uncaught TypeError: Object Object] has no method 'datepicker'Uncaught TypeError: Object Object] has no method 'datepicker'
【发布时间】：2013-04-18 13:56:13
【问题描述】：

我无法在我的站点中修复 datepicker。我得到的错误是 Uncaught TypeError: Object [object Object] has no method 'datepicker'。我的代码是

<head>
<script src="{{ STATIC_URL }}scripts/modernizr-2.0.6.min.js"></script>
<script src="{{ STATIC_URL }}scripts/jquery-1.9.1.min.js"></script>
<script src="{{ STATIC_URL }}scripts/jquery-ui.js"></script>
<script src="{{ STATIC_URL }}scripts/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function () {
    $( "#datepicker" ).datepicker({
      showOn: "button",
      buttonImage: "{{ STATIC_URL }}images/icon.png",
      buttonImageOnly: true
    });
  }); 
</script>
</head>

它正在调度错误“Uncaught TypeError: Object [object Object] has no method 'datepicker'”。我能得到解决方案吗？

谢谢

【问题讨论】：

为什么要导入两次jQuery？您确定在您的 jQueryUI 构建中包含了 datepicker 小部件吗？
也许 jquery ui 扩展了 jquery，然后它被 jquery 覆盖，因为你在 jquery ui 之后再次添加了它。
@Pointy，你说得对，已经解决了。谢谢

标签： javascript jquery jquery-ui calendar

【解决方案1】：

不要两次导入 jQuery 库。

这是所有此类问题的主要原因

【讨论】：

【解决方案2】：

试试这个

<head>
<script src="{{ STATIC_URL }}scripts/modernizr-2.0.6.min.js"></script>
<script src="{{ STATIC_URL }}scripts/jquery-1.9.1.min.js"></script>
<script src="{{ STATIC_URL }}scripts/jquery-ui.js"></script>
<script src="{{ STATIC_URL }}scripts/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function () {
var jq = $.noConflict();
    $( "#datepicker" ).datepicker({
      showOn: "button",
      buttonImage: "{{ STATIC_URL }}images/icon.png",
      buttonImageOnly: true
    });
  }); 
</script>
</head>

【讨论】：

@CarlosBarcelona 答案可能不起作用，因为脚本标签导入了两次。
你应该删除任何一个js标签。