Angular ui-bootstrap datepicker更改主题

Question

我有一个像这样显示的有角日期选择器-

这个日期选择器非常庞大，几乎占据了屏幕的30％，而且日期之间也有很大的差距。

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

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

Answer 1

使用ui-bootstrap datepicker时，我的网站也有类似的问题。 日期选择器具有很多功能，但是找到一种自定义日期选择器的方法很麻烦。

关于您的问题，我有几点建议：

• 日期选择器将采用您网站上表，th，td，tr的默认CSS。 找到一种方法来指定uib-datepicker-popup的样式。

• 尝试使用网站文档中提到的自定义模板。 看一下这个

此链接将非常有用-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预处理程序是很简单）
• 轻松地编辑ui-boostrap js代码并向其模板添加一个额外的类，并遵循上述结构

---

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