Изменение классов кнопок в Angular UI Datepicker

В этом plunk у меня есть угловой пользовательский интерфейс, который использует шаблон. Мне нужно изменить цвета кнопок «Сегодня», «Очистить» и «Закрыть», но их изменение 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>

Обратите внимание, что я изменил имена классов кнопок, чтобы изменить цвет, но когда я проверяю в браузере, datepicker все еще использует старые классы. Как это исправить?

javascript,angularjs,angular-ui-bootstrap,angular-ui,

1

Ответов: 1


2 принят

Чтобы установить атрибут использования пользовательского всплывающего шаблона 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" />

демонстрация

JavaScript, angularjs, угловая-щ-самозагрузка, угловая-щий,
Похожие вопросы