Question

Cshtml代码。

@Html.EditorFor(model => model.StartDate, new { htmlAttributes = new { @class = "datefield", type = "date" } })

@section Scripts {
    @Scripts.Render("~/Content/css")
    @Scripts.Render("~/Scripts/jquery")
}

Bundle.config代码

bundles.Add(new ScriptBundle("~/Scripts/jquery").Include(
   "~/Scripts/jqueryui1.12.s",
   "~/Scripts/jqueryui-12.js",   
    "~/Scripts/DateTimePicket.js"
));     

bundles.Add(new StyleBundle("~/Content/css").Include(
    "~/Content/jqueryui1.12.css"
));

DateTimePicker的代码

$(function () {
    alert("hi");
    $(".datefield").datepicker();
});

问题在哪里。这些文件"~/Scripts/jqueryui1.12.s", "~/Scripts/jqueryui-12.js",的代码来自

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

我只是想添加日期选择器并且代码搞砸了。

Answer 1

如果设计变得混乱，那么肯定会在浏览器控制台中显示错误。首先你应该找出哪些js错误来了......

你已经放置了jquery文件〜/ Scripts / DateTimePicket.js。这是“ DateTimePicket ”还是“ DateTimePicker ”？如果它的拼写错误，那么它也会产生问题..

如果这不是拼写错误然后检查第二个场景，你创建了部分脚本但是你在布局中使用了@RenderSection（“scripts”，required：false）？或者您可以尝试在cshtml代码的顶部添加渲染，如下所示。

@Styles.Render("~/Content/css")
@Scripts.Render("~/Scripts/jquery")

如果没有创建任何部分，请尝试直接渲染。

Answer 2

我认为问题是你正在尝试添加css和javascript也请跨越DateTimePicker js文件的拼写

您在cshtml中渲染css需要使用以下行

@Styles.Render("~/Content/css")

希望这会有所帮助!!

脚本没有得到渲染

2 个答案: