未捕获的类型错误：对象 [对象对象] 没有方法 'datepicker'答案

【问题标题】：Uncaught TypeError: Object [object Object] has no method 'datepicker'未捕获的类型错误：对象 [对象对象] 没有方法 'datepicker'
【发布时间】：2013-03-22 13:44:26
【问题描述】：

我刚刚开始了一个 MVC 4 项目，但我无法弄清楚 JQuery 损坏的原因：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>

    <link href="/Content/site.css" rel="stylesheet"/>

    <link href="/Content/themes/base/jquery.ui.core.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.resizable.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.selectable.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.accordion.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.autocomplete.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.button.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.dialog.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.slider.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.tabs.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.datepicker.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.progressbar.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.theme.css" rel="stylesheet"/>


    <script src="/Scripts/modernizr-2.5.3.js"></script>


    <script src="/Scripts/jquery-1.7.1.js"></script>


    <script src="/Scripts/jquery-ui-1.8.20.js"></script>


    <script type="text/javascript">
        $(document).ready(function () {
            $("#datepicker").datepicker();
        });
    </script>

</head>
<body>


<h2>List</h2>

<p>Date: <input type="text" id="datepicker" /></p>


    <script src="/Scripts/jquery-1.7.1.js"></script>


</body>
</html>

标题中的链接可以正常工作。我在 Chrome 中收到此错误：

Uncaught TypeError: Object [object Object] has no method 'datepicker'

【问题讨论】：

尝试更新 jquery。实际版本是 1.9.1
为什么要包含两次库？
您可能需要检查您正在下载的 jquery ui 是否是完整的库，而不是可能只有一些小部件的自定义下载...

标签： jquery asp.net-mvc jquery-ui

【解决方案1】：

在使用 datetimepiker 或 datepicker 函数之前插入此代码

var jq = $.noConflict();

【讨论】：