Question

我想在ASP.NET MVC中使用jQuery UI DatePicker。

通过网站教程How to Use jQuery UI DatePicker in ASP.NET MVC 4进行工作。

步骤如下：

第1步：在_Layout.cshtml文件中从主体到头部修改包。

    <head>
       ...
       @Scripts.Render("~/bundles/jquery")
    </head>

第2步：要为日期时间选择器功能创建文本框，请选择日期时间。

第3步：要包含来自jQuery UI快速访问的jQuery“链接”和“脚本”。

第4步：设置显示用户选择日期时间的日期时间的函数。

PS：上面超链接中步骤2到步骤4的详细信息。所有在Index.cshtml文件中。

问题是为什么我必须修改bundle脚本部分？（步骤1）

为什么在body部分设置bundle脚本时它不起作用？

正文和头部的捆绑脚本有什么区别？

Answer 1

您可以将脚本链接放在文档中的任何位置。你应该放置的地方是有争议的。

唯一的想法是你应该确定你是否按正确的顺序放置了脚本。例如，JqueryUI插件依赖于Jquery插件。所以你应该首先包括Jquery然后是Jquery UI。

在视频Visual Studio中将Render模块放置在页面的末尾，作者只是决定将它放在页面的开头，然后当他添加Jquery UI时，他将它添加到index.cshtml上以呈现jquery ui在jquery之后

如果要将渲染保留在_Layout页面的底部，则应在“渲染截面”模块后的_Layout页面中添加jquery UI链接。

示例

<!DOCTYPE html> <html> <head> <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>@ViewBag.Title</title> @Styles.Render("~/Content/css") </head> <body> <div class="container-fluid"> @RenderBody() </div> @Scripts.Render("~/bundles/jquery") <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script> @RenderSection("Scripts", required: false) </body> </html>

希望这会有所帮助!!

MVC View文件中的头部和主体的渲染包之间的区别，_Layout.cshtml

1 个答案: