2016-07-15 73 views
0

我有一个角日期选择器,显示这样的 -角UI的自举日期选择器改变主题

Bootstrap Datepicker

此日期选择是巨大的,涵盖了屏幕的几乎30%,而且,红枣具有之间存在巨大差距他们。

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

P.S:我尝试使用.datepicker语法对它进行样式设置,没有工作。谢谢。

回答

0

你实际上需要CSS技巧。如:

  • 确保您的自定义样式在引导代码后加载。
  • 让您选择更强大,像#someContainer div.uib-datepicker {...}#someContainer div.uib-datepicker > table > tbody > tr > td {...}
  • 轻松编辑UI的自举JS代码,并添加一个额外的类,以它的模板,并按照上述结构
  • (当然,用CSS-预处理器是很容易这样做)

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

+0

我知道我需要一个CSS技巧,但我想不出什么。另外,切换到不同的日历将是我最后的手段 – ThatBird

+0

@ThatBird做我的三个建议:) –

0

我在使用ui-bootstrap datepicker的时候在我的网站也有类似的问题。日期选择器具有许多功能,但找到一种方法来定制它是一种痛苦。

来到你的问题,我有几点建议:

  • 的日期选择器将带你在你的网站都默认为表,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