javascript - Bootstrap Datetimepicker 不显示为空

Question

Datetimepicker运行不正常没有日期时间显示。无显示为空。应该是什么问题？

包括CSS和JS脚本

<link rel="stylesheet" href="includes/css/bootstrap.min.css">
<link rel="stylesheet" href="includes/css/user.css">
<link rel="stylesheet" href="includes/css/bootstrap-datetimepicker.min.css">

<script src="includes/js/jquery-1.11.3.min.js"></script>
<script src="includes/js/bootstrap.min.js"></script>
<script src="includes/js/bootstrap-datetimepicker.min.js"></script>

日期时间选择器

<div class='input-group date' id='datetimepicker1'>
    <input type='text' class="form-control" />
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>
<script type="text/javascript">
    $(function () {
        $('#datetimepicker1').datetimepicker();
    });
</script>

Answer 1

有同样的问题并意识到 bootstrap-datetimepicker 依赖于 bootstrap-glyphicons 来显示默认 UI。

因为我使用的是 font-awesome，所以我将对 .datetimepicker 的调用更改为:

$("#datepicker").datetimepicker({
    icons: {
        today: "fas fa-bomb",
        date: "fas fa-calendar",
        time: "fas fa-clock-o",
        up: "fa fa-arrow-up",
        next: "fa fa-arrow-right",
        down: "fa fa-arrow-down",
        previous: "fa fa-arrow-left",
        clear: "fas fa-circle-o",
        close: "fas fa-times"
    },
});

文档:https://eonasdan.github.io/bootstrap-datetimepicker/Options/#icons