Jquery 引导日期时间选择器未正确显示

我需要为输入字段显示引导datetimepicker。它正在工作，但显示不正确。日历已显示，但我看不到更改时间的选项

HTML代码：

<div class="form-group">
  <p>Date of Birth <span>*</span></p>
  <input type="text" name="dob" id="dob" max="3000-12-31" value="2012-05-15 21:05" class="form-control input-sm" required/>
</div>

我使用过的依赖项列表：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>

这是小提琴：

以下是日历下拉列表的图片：

从文档部分，组件需要：

jQuery

矩.js

js（如果不使用完整引导，则需要转换和折叠）

引导数据选择器脚本

引导CSS

引导日期选择器CSS

您缺少jQuery、momentjs和bootstrap.js

---

请注意：

• 您必须使用该选项来告诉选择器日期的格式。您可以使用

  'YYYY-MM-DD HH:MM'

• 控制台中将出现以下错误：
  未捕获错误：datetimepicker组件应放置在非静态容器中
  如果不更改HTML结构，请参阅以获取一些示例

• 如果要通过数据属性初始化选择器的选项，则必须使用

  数据日期-*

  。您可以使用

  data date max date

  设置选项。有关更多示例，请参见

---

这里是一个工作示例：

$（'#dob'）。日期时间选择器({
格式：“YYYY-MM-DD HH:MM”
});

出生日期*

它正在工作，但在我的实际页面中，日历的大小不合适，并且在底部有“时间选择”选项卡。我是否可以手动设置日历下拉列表的大小？@coder1456是的您可以使用CSS自定义datetimepicker外观（例如，为
div.bootstrap-datetimepicker-widget.dropdown menu
）添加规则，但这是一个不同的问题：）我可以更改日历下拉列表的宽度和高度，但正如您所看到的，时间选项卡不在下拉列表中。我在文档中找不到任何可以更改此内容的内容。请帮忙。谢谢：）@coder1456请提供一个片段或一把小提琴来显示您的问题，从屏幕截图很难理解您的环境中出现了什么问题。试着找出你的代码和我的工作代码段之间的区别。你的提琴中缺少引导CSS，而且你正在以错误的顺序导入datetimepicker所需的LIB。如果您修复了它（如我的代码片段所示），它应该可以工作。
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>