如何将引导样式应用于角度 ui datepicker

【问题标题】：How to apply bootstrap styles to angular ui datepicker如何将引导样式应用于角度 ui datepicker
【发布时间】：2015-09-10 14:57:56
【问题描述】：

我正在使用来自 angular.ui 的 datepicker，它的样式为空设计，您可以在 site 中看到。现在我想在不使用额外库或插件的情况下拥有引导样式的 datepicker 和 timepicker。是否有一种将引导样式应用于日历的简短方法？

【问题讨论】：

你所说的“bootstrap styled datepicker and timepicker”是什么意思？ Bootstrap 不提供任何 datepicker 或 timepicker 组件。
已经应用了样式，这就是为什么它看起来像它的样子。 AngularUI 基于引导程序。如果您希望它们看起来不同，则需要更改这些类
@IgweKalu 我已经附上了我想要的文件
只需覆盖现有样式即可品尝。 @mcpDESIGNS 在他的陈述中是正确的。

【解决方案1】：

您有三个选项来修改默认的 angular-ui-bootstrap 样式：

编辑默认模板并重新编译 angular-ui-bootstrap。所有模板都位于template directory。例如。日期选择器模板是here。
覆盖代码中的默认模板。默认情况下，如果您使用 angular-ui-bootstrap 的 -tpls- 分发版本，则所有模板都捆绑在 $templateCache 中，请参阅 here。因此，您可以提供自己的日期选择器模板来覆盖默认模板，例如$templateCache.put("template/datepicker/popup.html"
或根据文档：

另一方面，如果默认模板不是您需要的可以采用 ui-bootstrap-[version].min.js 并提供您自己的模板，采用默认模板 (https://github.com/angular-ui/bootstrap/tree/master/template) 作为起点。

【讨论】：