Jquery 对象没有';不支持属性或方法日期选择器

Jquery 对象没有';不支持属性或方法日期选择器,jquery,twitter-bootstrap,datepicker,Jquery,Twitter Bootstrap,Datepicker,我试图在我的页面中放置一个日期选择器,并得到这个错误。我已经搜索并寻找了这个错误的其他答案,但没有找到任何答案 没有用于引导的部分,它可以工作;但是有了它,我得到了这个错误。这背后的原因是什么?我该如何解决 这是我的index.cshtml: @{ Layout = null; } <!DOCTYPE html> <html lang="en"> <head> @Scripts.Render("~/bundles/jquery")

我试图在我的页面中放置一个日期选择器,并得到这个错误。我已经搜索并寻找了这个错误的其他答案,但没有找到任何答案

没有用于引导的部分,它可以工作;但是有了它,我得到了这个错误。这背后的原因是什么?我该如何解决

这是我的
index.cshtml

@{
    Layout = null;
}

<!DOCTYPE html>

<html lang="en">
<head>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryui")
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/Chart")
    @Scripts.Render("~/bundles/moment")
    <meta charset="utf-8" />
    <title>ENOCTA DASHBOARD</title>

    <!-- FOR DATEPICKER -->
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css">
    <script>
        $(function () {
            $("#datepicker").datepicker();
        });
    </script>

    <!-- FOR BOOTSTRAP -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

</head>

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

</html>
@{
布局=空;
}
@Scripts.Render(“~/bundles/jquery”)
@Scripts.Render(“~/bundles/jqueryui”)
@style.Render(“~/Content/css”)
@Scripts.Render(“~/bundles/modernizer”)
@Scripts.Render(“~/bundles/Chart”)
@Scripts.Render(“~/bundles/moment”)
ENOCTA仪表板
$(函数(){
$(“#日期选择器”).datepicker();
});
日期:


页面上有两个版本的jQuery,jQuery UI日期选择器挂起到第一个版本,然后第二个版本覆盖第一个版本,因此当触发
DOMContentReady
事件时,日期选择器不可用。解决方案是向上移动第二个jquery包含并删除第一个:

<!-- FOR DATEPICKER -->
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
    $(function () {
        $("#datepicker").datepicker();
    });
</script>

<!-- FOR BOOTSTRAP -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

$(函数(){
$(“#日期选择器”).datepicker();
});

您的jquery ui是否包含datepicker小部件?我不知道。如何检查?当您下载jqueryui()时,您有可能排除您不使用的小部件/组件。也许可以尝试下载一个完整的jquery ui,或者在jquery-ui.js中搜索datepicker小部件。我下载了数据包,并将
.js
&
.css
文件添加到项目中,还根据此更改了
Bundleconfig.css
。没有什么变化。