Bootstrap 3 DatetimePickerがASP.NET MVCアプリケーションに表示されない

Question

これはよくある問題だと私は知っていますが、他のすべての質問を精査し、すべての解決策を試しました。

私は、単純なブートストラップ3 datetimepickerをMVC 5アプリケーションに実装しようとしていますが、表示することはできません。既定のブラウザのdatepickerは機能しますが、ブートストラップを使用しようとすると、何もない単純なテキストボックスが表示されます。

私は、必要なパッケージをダウンロードする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")); 

これは私がJavaScriptを開始するために私の見解（Index.cs）の一番下に持っているものです。

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

私は何かが足りないのですか？

どんな種類のヘルプをいただければ幸いですか？

Answer 1

私はバンドルのレンダリングを忘れていたので、@Scripts.Render("~/bundles/bootstrap") を追加すると問題が解決しました。大変ありがとうございますStephen MueckeとAlexander Derc！