javascript - Angular ui-bootstrap datepicker更改主题

Question

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

这个日期选择器很大，几乎占据了屏幕的 30%，而且日期之间有巨大的间隙。

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

P.S:我尝试使用 .datepicker 语法对其进行样式设置，但没有成功。谢谢。

Answer 1

在使用 ui-bootstrap datepicker 时，我的网站也遇到了类似的问题。日期选择器具有许多功能，但找到自定义它的方法却很痛苦。

针对您的问题，我有一些建议:

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

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

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