如何更改uib-datepicker-popup按鈕欄？

Question

我正在使用uib-datepicker-popup，我想更改按鈕欄。現在它分別使用.btn-info,.btn-danger和.btn-success作爲'今天'，'清除'和'關閉'按鈕。我怎麼能改變這些是其他按鈕類，如.btn-default（希望沒有太多的工作）？

Answer 1

您可以修改日期選擇器模板。默認的是在這裏：https://github.com/angular-ui/bootstrap/blob/master/template/datepickerPopup/popup.html

使用templateUrl指令是這樣的：

<input type="text" uib-datepicker-popup="MM/dd/yyyy" template-url="path/to/template.html" /> 

Answer 2

首先，你需要添加datepicker-popup-template-url財產

<input type="text" uib-datepicker-popup="MM/dd/yyyy" **datepicker-popup-template-url**="path/to/template.html" /> 

然後，你需要創建一個template.html

我添加了一個自定義按鈕，它是設置日期31/12/9999。模板低於

<ul class="uib-datepicker-popup dropdown-menu uib-position-measure" dropdown-nested ng-if="isOpen" style="left: 0px; top: 43px; display: block;" ng-style="{top: position.top+'px', left: position.left+'px'}" ng-keydown="keydown($event)" ng-click="$event.stopPropagation()"> 
    <li ng-transclude></li> 
    <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('31/12/9999', $event)">31/12/9999</button> 
    </span> 
    <button type="button" class="btn btn-sm btn-success pull-right uib-close" ng-click="close($event)">{{ getText('close') }}</button> 
    </li> 
</ul>