Bootstrap 4 与引导示例相比，Tempusdominus Datetimepicker变形或未显示

我希望我的datetimepicker在中显示为第5个datetimepicker（无图标（仅输入字段））

但是，当仅使用CDNJS时，输出是示例中显示的变形版本。为了解决这个问题，我在下面的链接中添加了一个本地路径。这使得datetimepicker根本没有出现

源代码：

既不包括CDNJS，也不包括源代码（本地路径），也不包括两者

我想能够在未来改变颜色，这样做的源代码将更有益于我

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/js/tempusdominus-bootstrap-4.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/css/tempusdominus-bootstrap-4.min.css" />

<link rel="stylesheet" type="text/css" href="lib/datetimepicker/tempusdominus-bootstrap-4.min.css" >
<script type="text/javascript" src="lib/datetimepicker/tempusdominus-bootstrap-4.min.js"></script>

$（函数（）{
$（'#datetimepicker5'）。datetimepicker（）；
});

（1）为了让下拉列表按预期工作，我必须添加

• font-awesome.css
• 矩.js
• tempudominus-bootstrap-4.min.js
• tempudominus-bootstrap-4.css

（2） 为了设置打开的日历的样式，我添加了以下内容：

.bootstrap datetimepicker小部件表td{color:red；}

您可以自己进行相关更改

完成下面的工作片段

.bootstrap datetimepicker小部件表td{
颜色：红色；
}

$（函数（）{
$（'#datetimepicker5'）。datetimepicker（）；
});

如何检查下拉菜单？即使在检查强制元素状态时，它也会消失，所以我看不到下拉菜单的样式…（我在Mac电脑上使用Chrome）你说得对。。。我刚退房

https://tempusdominus.github.io/bootstrap-4/theme/css/tempusdominus-bootstrap-4.css

了解了弹出式日历的设置和设计

 <div class="col-lg-12">
        <input type="text" class="form-control datetimepicker-input" id="datetimepicker5" data-toggle="datetimepicker" data-target="#datetimepicker5" placeholder="Data e Hora">
 </div>
<script>
        $(function () {
        $('#datetimepicker5').datetimepicker();
    });
</script>