Bootstrap 4 Date Time Picker, выбор времени недоступен - PullRequest
Новая
       28

Bootstrap 4 Date Time Picker, выбор времени недоступен

0 голосов
/ 16 октября 2019

Я переключился с 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>

1 Ответ

0 голосов
/ 22 октября 2019

Потратив более одного дня и попробовав все, что предлагалось, проблема оказалась в глифе на BS4.

Я скачал новый CSS здесь , добавил его на главную страницу иотображается значок времени.

Надеюсь, это избавит некоторых людей от подобных проблем от головной боли.

...