Bootstrap Datepicker无法正确显示

时间:2015-06-06 19:37:07

标签: asp.net-mvc twitter-bootstrap datepicker

您好我已经在我的asp.net mvc表单上添加了一个引导日期选择器。 我已经设置了它,所以它开始显示十年后的数年。

但是日期选择器仅将年份显示为一个较长的字符串,其功能虽然



@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/bootstrap")
<script type="text/javascript">
    $("#DateOfBirth").datepicker({
        format: "dd/mm/yyyy",
        startDate: "-120y",
        endDate: "-10y",
        startView: 2,
        calendarWeeks: true,
        defaultViewDate: { year: 1975, month: 01, day: 01 }
    });
    </script>
    }
&#13;
&#13;
&#13;

视图中的助手

<div class="row">
    <div class="col-md-3 col-md-offset-1">
        @Html.LabelFor(model => model.DateOfBirth, htmlAttributes: new { @class = "control-label" })
        @Html.EditorFor(model => model.DateOfBirth, new { htmlAttributes = new { @class = "form-control", placeholder = "01/12/80" } })
        @Html.ValidationMessageFor(model => model.DateOfBirth, "", new { @class = "text-danger" })
    </div>
</div>

由于

应该是什么样的:

enter image description here

它实际上是什么样的:

enter image description here

1 个答案:

答案 0 :(得分:0)

正如Jasen指出的那样,我错过了css资源,我是捆绑配置。感谢