bootstrap-datetimepicker.js它在MVC 5中不起作用

Question

我已經使用MVC 5測試了這個http://eonasdan.github.io/bootstrap-datetimepicker/中的一些示例。我正在安裝Bootstrap 3 Datetimepicker（ https://www.nuget.org/packages/Bootstrap.v3。 Datetimepicker / ）。

我必須在BundleConfig.cs中添加此代碼

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

這是我的觀點代碼

@{
    ViewBag.Title = "Home Page";
}

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>
@section Scripts {
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker1').datetimepicker();
        });
    </script>
}

但是網頁加載有些問題

頁面應該是這樣的

但它看起來像這樣

我看到這個論壇http://forums.asp.net/t/1988610.aspx?Bootstrap+v3+DateTimePicker+in+MVC+5 ，顯然這有問題。

有任何想法嗎？？？？？？

Answer 1

嗨我在問題MVC4 Eonasdan Bootstrap 3日期時間選擇器未打開選擇器屏幕時使用@ tieson-t的答案解決了我的問題。 見推薦頁面。

Answer 2

幾個小時后我的工作示例:)樣式部分ov頁面（我放在頭部）：

<link href="~/Content/bootstrap-datetimepicker.css" rel="stylesheet" />
<link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" />

現在腳本（放置在腳下）：

@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
<script type="text/javascript">
        $(function () {
            $('#datetimepicker1').datetimepicker();
        });
</script>
<script type="text/javascript" src="~/Scripts/jquery-2.2.3.min.js"></script>

<script type="text/javascript" src="~/Scripts/bootstrap-datetimepicker.js"></script>

}

適合我

Answer 3

我確定MVC 5和Bootstrap DatePicker之間沒有沖突。 也許問題出在css上
在您的網站。 你是否為bootstrap和bootstrap-datepicker添加了css文件？