从 Bootstrap 加载 Angularstrap 日期选择器 CSS

Question

Angularstrap 说它唯一的依赖项是 bootstrap css 样式，但我的 bootstrap css 不包含任何日期选择器样式。我错过了什么？

这是现在的样子：

Answer 1

文档 (http://mgcrea.github.io/angular-strap/#/datepickers ) 确实谈到了一些依赖关系

Plugin dependency

Datepickers require the tooltip module and dateParser helper module to be loaded.

These docs currently use bootstrap-additions for styling purposes.

但是看你的截图，好像图标没有加载。 确保您已在项目中正确配置 glyphicon。缺少的图标是 glyphicon-chevron-left（左图标）和 glyphicon-chevron-right（右图标）。

这些是文档中使用的附加样式（您可能需要它来设置样式）：

.datepicker.dropdown-menu {
    width:250px;
    height:270px;
}

.datepicker.dropdown-menu button {
    outline:0;
    border:0;
}

.datepicker.dropdown-menu tbody {
    height:180px;
}

.datepicker.dropdown-menu tbody button {
    padding:6px;
}

.datepicker.dropdown-menu.datepicker-mode-1 tbody button, .datepicker.dropdown-menu.datepicker-mode-2 tbody button {
    height:65px;
}

从 Bootstrap 加载 Angularstrap 日期选择器 CSS

Loading Angularstrap datepicker CSS from Bootstrap

angularjs

twitter-bootstrap

angular-strap