MVC5ブートストラップDatetimepicker CSSが正しくフォーマットされていません

Question

現在、MVC5プロジェクトにdatetimepickerを追加しようとしています。私はEonasdanによってBootstrap.v3.datetimepickerを使うことに決めました。さて、私はそれをある範囲では働いていますが、書式設定は正しくありません。現在の日は選択されず、月/年は中央で整列されず、時刻アイコンも中央で整列されません。また、月/年を変更しようとすると、月/年はすべて1行に表示されます。

それは私がそれを解決する方法をさっぱりだが、CSS関連のあることが、必要があります。誰もが同じ問題を抱えており、これを解決しましたか？

bundleconfig.cs

 public static void RegisterBundles(BundleCollection bundles) 
    { 
     bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
        "~/Scripts/jquery-{version}.js")); 

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

     bundles.Add(new ScriptBundle("~/bundles/datetime").Include(
      "~/Scripts/moment*", 
      "~/Scripts/bootstrap-datetimepicker*")); 

     //   // Use the development version of Modernizr to develop with and learn from. Then, when you're 
     //   // ready for production, use the build tool at http://modernizr.com to pick only the tests you need. 
     //   bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
     //      "~/Scripts/modernizr-*")); 

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

     bundles.Add(new StyleBundle("~/Content/css").Include(
        "~/Content/bootstrap.css", 
        "~/Content/site.css")); 

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

       bundles.Add(new StyleBundle("~/Content/jqueryui") 
        .Include("~/Content/themes/base/all.css")); 

    } 

_Layout.cshtml

... 
@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/jqueryui") 
@Scripts.Render("~/bundles/bootstrap") 
@Scripts.Render("~/bundles/datetime") 
@RenderSection("scripts", required: false) 
</body> 
</html> 

Create.cshtml - 制御

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

Create.cshtml - スクリプト

@section scripts { 
<script type="text/javascript"> 
    $(function() { 
    $('#Check_Date').datetimepicker({ 
    defaultDate: '@DateTime.Now', 
    locale: 'en', 
    widgetPositioning: { 
     vertical: 'bottom', 
     horizontal: 'left' 
    } 
}); 
}); 
</script> 
} 

Answer 1

bootstrap-datetimepicker.cssが見つかりませんでした。

下記のリンクを参照してください。 Follow the GitHub Link- By Eonasdan