Bootstrap 4日期时间选择器,没有可用的时间选择

问题描述 投票:0回答:1

我从BS 3切换到BS 4,并且注意到日期时间选择器停止工作。我设法使日期选择生效,但似乎无法使时间选择生效(时间图标未显示)。

<div id="dtpStart" class="input-group date" data-provide="datepicker">
    <input type="text" id="tbStartDateTime" class="form-control" style="cursor: pointer;" data-date-format="MM/DD/YYYY HH:mm:ss" />
    <label class="input-group-addon" style="cursor: pointer" for="tbStartDateTime">
        <i class="fa fa-calendar fa-lg" aria-hidden="true"></i>
    </label>
</div>

$(document).ready(function () {
    bindCalendars();
    ....
});

function bindCalendars() {
    $('#dtpStart').unbind();
    $("#dtpStart").datetimepicker({
        format: "MM/dd/yyyy HH:mm"
    });
    $('#dtpEnd').unbind();
    $("#dtpEnd").datetimepicker({
        format: "MM/dd/yyyy HH:mm"
    });
}

我找不到类似data-provide="datetimepicker"的东西,也许是问题所在,但我一直在寻找并且找不到解决方案。

这些包括:

<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/jquery-ui.min.css" />
<link rel="stylesheet" href="assets/css/datepicker.min.css" />

<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/popper.js/umd/popper.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/vendor/datatable/js/datetime-moment.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap-datepicker.js"></script>
jquery bootstrap-4 datetimepicker
1个回答
0
投票

花了一天多的时间并尝试了所有建议的结果后,问题却在BS4中变成了glyphicons。

我下载了新的CSS here,并将其添加到主页上,并显示“时间”图标。

希望这可以使有些类似问题的人免于头痛。

© www.soinside.com 2019 - 2024. All rights reserved.