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