Javascript 如何对引导DateTimePicker日历小部件进行样式更正？

我已经实现了位于

我选择了“最小设置”，您可以看到它工作正常

但是，我的实现没有以正确的日历样式显示。您可以在此窗口中看到日历显示错误

如果仔细观察我的实现，单击glyphicon calendar下拉列表，日历将显示边框表，并在右侧的模式边缘之外出血

起初我认为我没有包括所有正确的依赖项，但在反复检查并确保正确列出所有依赖项后，仍然没有效果

以下是我拥有的依赖项：

<!-- Bootstrap & Core CSS (DPL) -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
<link rel="import" href="https://cdn.rawgit.com/zerodevx/zero-md/v0.2.0/build/zero-md.html">
<link rel="stylesheet" href="https://cdn.rawgit.com/zerodevx/zero-md/v0.2.0/markdown-themes/default.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/zerodevx/zero-md/v0.2.0/highlight-themes/default.css">

<link rel="stylesheet" href="/orion/ccdd.css">

<!-- Bootstrap, Custom, & Core jQuery Plugins DPL -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.12.4.min.js"></script>  <!-- NEW *** Maybe Autocomplete???-->
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> <!-- NEW -->
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"></script> <!-- NEW -->
<script src="https://cdn.rawgit.com/webcomponents/webcomponentsjs/v0.7.15/webcomponents-lite.min.js"></script>

我试图找出如何根据引导DateTimePicker示例正确显示日历模式的样式，以获得最低设置

---

有人知道如何做到这一点吗？

如果您还没有在浏览器中使用Web Inspector工具，我强烈建议您使用它。只需导航到元素并查看放置在其上的样式属性。然后，您可以添加您自己的内容，以覆盖那些与您自己的内嵌CSS或CSS文件冲突的内容

从提琴上删除自定义CSS（或与桌子、tbody、td、tr样式相关的所有内容），日历就会看起来很好。您的CSS和DateTimePicker CSS之间存在冲突。你应该尝试更具体地使用你的类选择器，以避免这种冲突。谢谢，我会尝试。确保在你的自定义CSS中，你不会覆盖datetimepickerJonathan Ancil定义的任何样式，直到你想把它作为一个答案，以便我可以投票给你？？？谢谢你的帮助！