Bootstrap 3 Datetimepicker 未显示在 ASP.NET MVC 应用程序中答案

【问题标题】：Bootstrap 3 Datetimepicker not showing in an ASP.NET MVC applicationBootstrap 3 Datetimepicker 未显示在 ASP.NET MVC 应用程序中
【发布时间】：2017-06-28 20:56:21
【问题描述】：

我知道这是一个常见问题，但我已经搜索了所有其他问题并尝试了所有可能的解决方案。

我正在尝试在 MVC 5 应用程序中实现一个简单的 Bootstrap 3 datetimepicker，但无法显示。默认浏览器日期选择器有效，但当我尝试使用引导程序时，我得到一个简单的文本框，没有其他内容。

我使用 NuGet 下载了所需的包：

Install-Package Bootstrap.v3.Datetimepicker.CSS

这是我的模型：

    [DataType(DataType.DateTime)]
    [Display(Name = "Due Date")]
    [DisplayFormat(DataFormatString = "{0:G}",
    ApplyFormatInEditMode = true)]
    public DateTime DueDate { get; set; }

这是我的看法：

    <div class="form-group">
            @Html.LabelFor(model => model.DueDate, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.TextBoxFor(model => model.DueDate, new { @class = "form-control datetimepicker " })
                @Html.ValidationMessageFor(model => model.DueDate, "", new { @class = "text-danger" })
            </div>
        </div>

这是我的 BundleConfig.cs 文件：

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js",
                    "~/Scripts/jquery-ui*"));

        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.validate*"));

        bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                    "~/Scripts/modernizr-*"));

        bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                  "~/Scripts/bootstrap.js",
                  "~/Scripts/bootstrap-datetimepicker.min.js",
                  "~/Scripts/respond.js"));

        bundles.Add(new StyleBundle("~/Content/css").Include(
                 "~/Content/bootstrap.css",
                 "~/Content/themes/base/jquery.ui.all.css",
                 "~/Content/bootstrap-datetimepicker.min.css",
                 "~/Content/site.css"));

        bundles.Add(new ScriptBundle("~/bundles/moment").Include(
                    "~/Scripts/moment.js"));

这是我在视图底部 (Index.cs) 启动 javascript 的内容：

@section scripts {
@Scripts.Render("~/bundles/jqueryval")
<script type="text/javascript">
    $(function () {
        $('.datetimepicker').datetimepicker();
    });
</script>}

我错过了什么吗？

非常感谢任何形式的帮助！

【问题讨论】：

您在浏览器控制台中遇到什么错误（您没有显示加载这些捆绑包的位置 - 您唯一拥有的是@Scripts.Render("~/bundles/jqueryval")
你可能忘记渲染你创建的包
我确实做到了。非常感谢！

标签： javascript c# asp.net-mvc twitter-bootstrap datepicker

【解决方案1】：

原来我忘了渲染包，所以添加@Scripts.Render("~/bundles/bootstrap") 解决了这个问题。非常感谢 Stephen Muecke 和 Alexander Derc！

【讨论】：