Question

我正在尝试设置日期和时间选择器，但图标（日历和时间）没有显示出来。这是我的代码：

<link href="@Url.Content("~/Content/bootstrap-datetimepicker.min.css")" rel="stylesheet" media="screen" type="text">
<script type="text/javascript" src="~/Scripts/bootstrap-datetimepicker.min.js"></script>

<div id="datetimepicker1" class="input-append date">
    Date and Time Test
                    <input data-format="dd/MM/yyyy hh:mm:ss" type="text" />
    <span class="add-on">
        <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
    </span>
</div>
<script type="text/javascript">
    $(function () {
        $('#datetimepicker1').datetimepicker({
            language: 'pt-BR'
        });
    });
</script>

我曾尝试将图标时间和图标日历更改为glyphicon-time和glyicon-calendar，但没有成功。

这是我得到的：

enter image description here

不知道该怎么做..我需要帮助。感谢。

Answer 1

您正在使用的tarruda bootstrap-datetimepicker.js网站表示该插件目前尚未维护。它似乎没有为Bootstrap 3升级。

我建议使用与Bootstrap 3兼容的其中一个日期/时间选择器插件：

如果你真的想要得到你正在使用的那个，你可以尝试对JS和CSS进行手动更改。在kenyontechnology上找到博客文章“使用Twitter Bootstrap 3.0进行Bootstrap的Datepicker”。该帖子是为仅使用日期的插件编写的，您使用的日期/时间插件是分叉的，所以我认为这些更改应该主要适用。

Bootstrap日期和时间选择器没有在MVC Razor中显示图标

1 个答案: