C# 日期选择器不在MVC4中工作_C#_Asp.net Mvc 4

C# 日期选择器不在MVC4中工作

c# asp.net-mvc-4

C# 日期选择器不在MVC4中工作,c#,asp.net-mvc-4,C#,Asp.net Mvc 4,Datepicker.js $(function () { $('#voters_bdate').datepicker(); })) 以下是布局视图中包含的文件： @Styles.Render("~/Content/css") @Scripts.Render("~/bundles/modernizr") <script src="~/Scripts/jquery-1.8.2.min.js"></script> <script src="~/

Datepicker.js

$(function () {
$('#voters_bdate').datepicker();

}))

以下是布局视图中包含的文件：

@Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script src="~/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="~/Scripts/vendor/jquery.hashchange.min.js" type="text/javascript"></script>

@Styles.Render（“~/Content/css”）
@Scripts.Render（“~/bundles/modernizer”）

我还将这些文件包括在视图中：

<link href="@Url.Content("~/Content/themes/base/minified/jquery-ui.min.css")" rel="stylesheet" type="text/css" />

<script src="~/Scripts/jquery-ui-1.8.24.min.js"></script>
<script src="~/Scripts/Datepicker.js"></script>

但仍然不起作用

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

当我查看控制台时，也出现了这个错误“UncaughtTypeError:undefined不是一个函数”

因此，这里是由MVC4模板创建的默认布局文件，删除了所有额外标记：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title - My ASP.NET MVC Application</title>
        @Styles.Render("~/Content/css")
        @Scripts.Render("~/bundles/modernizr")
    </head>
    <body>
        @RenderBody()

        @Scripts.Render("~/bundles/jquery")
        @RenderSection("scripts", required: false)
    </body>
</html>

现在，如果我们不使用节并直接在视图中引用jQuery验证，会发生什么

@{
    ViewBag.Title = "Example";
}

<div>
    <p>
        As Gregor Samsa awoke one morning from uneasy dreams, he found himself transformed in his bed into a gigantic insect-like creature.
    </p>
</div>

@Scripts.Render("~/bundles/jqueryval")

@{
ViewBag.Title=“示例”；
}

一天早上，当格雷戈·萨姆萨从不安的梦中醒来时，他发现自己在床上变成了一个巨大的昆虫般的生物。

@Scripts.Render（“~/bundles/jqueryval”）

我们呈现的HTML如下所示：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Example - My ASP.NET MVC Application</title>
        <link href="~/Content/Site.css" rel="stylesheet" />
        <script src="~/Scripts/modernizr-2.6.2.js"></script>
    </head>
    <body>
        <div>
            <p>
                As Gregor Samsa awoke one morning from uneasy dreams, he found himself transformed in his bed into a gigantic insect-like creature.
            </p>
        </div>

        <script src="/Scripts/jquery.validate.min.js"></script>
        <script src="/Scripts/jquery.validate.unobtrusive.min.js"></script>

        <script src="/Scripts/jquery-1.8.2.min.js"></script>
    </body>
</html>


示例-我的ASP.NET MVC应用程序

一天早上，当格雷戈·萨姆萨从不安的梦中醒来时，他发现自己在床上变成了一个巨大的昆虫般的生物。

不幸的是，这是一个问题。jQueryValidate需要jQuery，因此它将无法加载，您将在JavaScript控制台中看到错误

同样的概念也适用于您在项目中可能使用的任何库，因此请花一些时间学习如何正确使用节和绑定。如果您正在学习ASP.NET MVC:

与

$（“#投票者日期”）相关的脚本在视图中的位置，那么音乐商店教程是一个不错的开始表达式？我还将这些文件包括在布局中：按什么顺序？你在使用分区吗？您还包括jQuery两次；删除对1.7.1的引用（最好也将其从项目中删除）。发布布局和视图本身，最好将其修剪到最小，以复制错误。是的，但顺序很重要。因此，了解布局和/或视图的组装方式会有帮助。至少，引用jQuery库两次总是会导致错误。
@{
    ViewBag.Title = "Example";
}

<div>
    <p>
        As Gregor Samsa awoke one morning from uneasy dreams, he found himself transformed in his bed into a gigantic insect-like creature.
    </p>
</div>

@Scripts.Render("~/bundles/jqueryval")

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Example - My ASP.NET MVC Application</title>
        <link href="~/Content/Site.css" rel="stylesheet" />
        <script src="~/Scripts/modernizr-2.6.2.js"></script>
    </head>
    <body>
        <div>
            <p>
                As Gregor Samsa awoke one morning from uneasy dreams, he found himself transformed in his bed into a gigantic insect-like creature.
            </p>
        </div>

        <script src="/Scripts/jquery.validate.min.js"></script>
        <script src="/Scripts/jquery.validate.unobtrusive.min.js"></script>

        <script src="/Scripts/jquery-1.8.2.min.js"></script>
    </body>
</html>