时间戳

首页 > 解决方案 > DateTimePicker css 不正确

javascript - DateTimePicker css 不正确

问题描述

我在 ac#MVC 应用程序上使用 DateTimePicker 来显示日期和时间。我遇到的问题是 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")

关于为什么这不起作用的任何想法？

标签： javascriptjquerycsstwitter-bootstrap

解决方案

请尝试将输入类型更改为“日期”

<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>

推荐阅读