在 Angular UI Datepicker 中更改按钮类答案

【问题标题】：Changing button classes in Angular UI Datepicker在 Angular UI Datepicker 中更改按钮类
【发布时间】：2016-10-14 12:16:23
【问题描述】：

In this plunk 我有一个使用模板的 Angular UI Datepicker。我需要更改“今天”、“清除”和“关闭”按钮的颜色，但在 popup.html 中更改它们不起作用。它应该显示灰色、橙色和蓝色按钮。

我变了

<li ng-if="showButtonBar" class="uib-button-bar">
  <span class="btn-group pull-left">
    <button type="button" class="btn btn-sm btn-info uib-datepicker-current" ng-click="select('today', $event)" ng-disabled="isDisabled('today')">{{ getText('current') }}</button>
    <button type="button" class="btn btn-sm btn-danger uib-clear" ng-click="select(null, $event)">{{ getText('clear') }}</button>
  </span>
  <button type="button" class="btn btn-sm btn-success pull-right uib-close" ng-click="close($event)">{{ getText('close') }}</button>
</li>

到

<li ng-if="showButtonBar" class="uib-button-bar">
  <span class="btn-group pull-left">
    <button type="button" class="btn btn-sm btn-default uib-datepicker-current" ng-click="select('today', $event)" ng-disabled="isDisabled('today')">{{ getText('current') }}</button>
    <button type="button" class="btn btn-sm btn-warning uib-clear" ng-click="select(null, $event)">{{ getText('clear') }}</button>
  </span>
  <button type="button" class="btn btn-sm btn-primary pull-right uib-close" ng-click="close($event)">{{ getText('close') }}</button>
</li>

请注意，我更改了按钮类名称以更改颜色，但是当我在浏览器中检查时，日期选择器仍在使用旧类。如何解决这个问题？

【问题讨论】：

标签： javascript angularjs angular-ui-bootstrap angular-ui

【解决方案1】：

要设置 自定义弹出窗口 模板，请使用 datepicker-popup-template-url 属性，例如：

<input datepicker-popup-template-url="popup.html"  type="text" class="form-control" is-open="true" ng-model="dt" uib-datepicker-popup="MM-dd-yyyy"
            datepicker-options="dateOptions" close-text="Close" popup-placement="bottom-left" on-open-focus="false" />

Demo

【讨论】：