日期时间选择器与 FLATUI 免费版不兼容答案

【问题标题】：datetime picker incompatible with FLATUI Free Version日期时间选择器与 FLATUI 免费版不兼容
【发布时间】：2014-03-19 10:12:47
【问题描述】：

我刚开始使用引导程序，并且我使用https://github.com/designmodo/Flat-UI 作为平面 UI 设计。

目前我刚刚添加了https://github.com/Eonasdan/bootstrap-datetimepicker 作为我的日期时间选择器。但似乎两个 css 一直在互相争斗。

我可以点击 datatimepicker 的按钮。它直接在文本框中显示时间，而不让我从下拉菜单中选择（它应该出现）。我相信来自 designmodo 的平面 UI 已经覆盖了特定类的下拉菜单，但太糟糕了，我不知道哪个部分可以解决这个问题。

有人遇到过和我一样的问题吗？请从这里指导我。

【问题讨论】：

【解决方案1】：

您可能已经得到了答案。但我遇到了类似的问题。我正在使用https://bootstrap-datepicker.readthedocs.io/en/latest/ 和https://github.com/Eonasdan/bootstrap-datetimepicker。组件不一样，但我遇到了同样的问题。经过一番分析，有一个css冲突。他们都创建了类 .input-group-date。所以没有你提到的战斗，但是基于 css 规则（Two css files defining same class），css 文件的顺序将定义哪个类将样式化组件，并且您将有一个组件无法正常工作。

【讨论】：