Неверный DateTimePicker css

Question

Я использую DateTimePicker в приложении ac # MVC для отображения даты и времени. У меня проблема в том, что DateTimePicker не отображает дату или время. Я думаю, что это проблема с CSS, но я не уверен. Вот код для DateTimePicker (HTML):

    <div class="col-xs-6">
        <div class="form-group">
            <br />
            <label class="control-label">Start Date</label>
            <input data-format="yyyy-MM-dd hh:mm:ss" type='text' class="form-control" id='start' />
        </div>
    </div>

Javascript:

    $("#start").datetimepicker({
        format: dateF
    });
    $('#start').on('dp.change', function (e) {
        $('#end').data("DateTimePicker").minDate(e.date);
    });

И вот как это выглядит, когда я нажимаю на него:

Я объединяю сценарии так:

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

bundles.Add(new StyleBundle("~/Content/css").Include(
                "~/Content/bootstrap.css",
                "~/Content/layout.css",
                "~/Content/Style.css",
                "~/Content/tether.min.css",
                "~/Content/bootstrap-datepicker.css",
                "~/Content/bootstrap-datetimepicker.css",
                "~/Content/bootstrap-multiselect.css"
                ));

И рендеринг так:

@Styles.Render("~/Content/css")
@Scripts.Render("~/Scripts")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@Scripts.Render("~/bundles/picker")

Любые идеи о том, почемуэто не работает?

Answer 1

Пожалуйста, попробуйте изменить тип ввода на «Дата»

<div class="col-xs-6">
    <div class="form-group">
        <br />
        <label class="control-label">Start Date</label>
        <input data-format="yyyy-MM-dd hh:mm:ss" type='date' class="form-control" id='start' />
    </div>
</div>