脚本没有被渲染

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

我认为问题是您正在尝试添加 css 和 javascript，也请交叉 DateTimePicker js 文件的拼写

你在cshtml中渲染css你需要使用下面这行

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

希望这会有所帮助！

Answer 2

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

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

如果这不是拼写错误，那么请检查第二种情况，您已经创建了部分脚本，但您在布局中使用了 @RenderSection("scripts", required: false) 吗？或者您可以尝试在 cshtml 代码的顶部添加渲染，如下所示。

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

不创建任何部分，尝试直接渲染。