Angular ui-bootstrap datepicker更改主题

Question

我有一个角度日期选择器，显示如下 -

这个日期选择器非常庞大，占据了屏幕的近30％，并且日期之间存在巨大差距。

现在我怀疑这种情况正在发生，因为我为整个项目设计了表格和按钮。如何更改/设置我的日期选择器样式，以便我的表格和按钮样式不会影响日期选择器。

P.S ：我尝试使用.datepicker语法设置样式，但没有用。感谢。

Answer 1

使用ui-bootstrap datepicker时，我的网站也出现了类似的问题。日期选择器具有很多功能，但找到一种方法来定制它会变得很麻烦。

提出你的问题，我的建议很少：

• 对于您网站中的 table，th，td，tr ，datepicker将默认使用您拥有的CSS。找到一种为uib-datepicker-popup指定样式的方法。

• 尝试使用网站文档中提到的自定义模板。 Check this out

此链接非常有用 - http://stackoverflow.com/questions/36801772/how-do-i-change-the-uib-datepicker-popup-button-bar

Answer 2

你实际上需要CSS技巧。喜欢：

• 确保在引导代码后加载自定义样式。
• 让您的选择器更强大，例如#someContainer div.uib-datepicker {...}或#someContainer div.uib-datepicker > table > tbody > tr > td {...}（好吧，使用css-preprocessors这样做很容易）
• 轻松编辑ui-boostrap js代码并在其模板中添加一个额外的类，并按照上述结构

顺便说一句，adm-dtp模块可能更有帮助。