【问题标题】:Bootstrap Datepicker not displaying correctly引导日期选择器未正确显示
【发布时间】:2015-06-06 19:37:07
【问题描述】:

您好,我在我的 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>
    }

帮助者在视图中

<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>

谢谢

它应该是什么样子:

实际的样子:

【问题讨论】:

  • 请告诉我们它显示什么以及您希望它显示什么。
  • 添加了两个屏幕截图
  • 如果您没有任何脚本错误,并且从屏幕截图的外观来看,该组件似乎工作正常。我现在就去查一下 CSS 资源。
  • 我到底在看什么,请问在哪里?
  • 开始,你加载了datepicker的css资源吗?

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


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多