Question

美好的一天，

我目前正在关注this tutorial实现jQuery datetimepicker。我使用C＃，MVC和Bootstrap。我正在使用ASP.NET的默认配置（我创建了一个默认的MVC项目）刚刚添加了jQuery UI。

我已完成所有步骤，您可以在此处查看我的代码：

 public static void RegisterBundles(BundleCollection bundles)
 {
        bundles.Add(new ScriptBundle("~/bundles/jqueryUI").Include(
                    "~/Scripts/jquery-ui-1.12.1.min.js"));

        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js"));
bundles.Add(new StyleBundle("~/Content/JqueryUICSS").Include(
                 "~/Content/themes/base/jquery-ui.min.css"));
 }

使用razor的HTML：

<div class="form-group">
    @Html.LabelFor(m => m.ConfirmPassword, new { @class = "col-md-2 control-label" })
    <div class="col-md-10">
    @Html.PasswordFor(m => m.ConfirmPassword, new { @class = "form-control" })
    </div>
</div>

/**add here the date of birth*/
@Html.EditorFor(model => model.DateOfBirth,
new { htmlAttributes = new { @class = "form-control date-picker" } })
<div class="form-group">
    @Html.LabelFor(m => m.Genre, new { @class = "col-md-2 control-label" })
    <div class="col-md-10">

    @Html.RadioButtonFor(model => model.Genre, true)
    <span>Hombre</span>

    @Html.RadioButtonFor(model => model.Genre, false)
    <span>Mujer</span>

    </div>
</div>

脚本部分：

@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/jqueryUI")
@Scripts.Render("~/Content/JqueryUICSS")
<script src="~/Scripts/jquery-3.1.1.min.js"></script>
<script src="~/Scripts/jquery-ui-1.12.1.min.js"></script>
<script type="text/javascript">
     $(function () { $(".date-picker").datepicker({
                changeMonth: true,
                changeYear: true,
                yearRange: "-100:+0",
                dateFormat: 'dd/mm/yyyy'
            });
     });
</script>

结果我得到了这个bad display in datetimepicker。

我该如何解决这个问题？感谢。

Answer 1

在阅读完你的评论之后，我意识到当我为css渲染包时，我使用了@ Scripts.Render（“〜/ Content / JqueryUICSS”）而不是@ Styles.Render（“〜/ Content / JqueryUICSS”）），谢谢！

jqueryUI datetimepicker无法正确显示

1 个答案: