UI引導日期選擇器動態DatepickerMode

Question

我已經創建了一個用戶界面引導日期選擇器爲每月和每年的日期選擇器模式的指令和模板，以及模板，目前我的模板看起來像這樣

我想更新日期選擇器DatepickerMode基於單擊每月或每年的按鈕，因爲一些實例只需要一年的值而不管月份，我試着在指令中添加一些函數來更新DatePickerMode，但模板（每月和每年）似乎使用不同的範圍

Answer 1

我能夠使用裝飾添加additinal功能

(function() { 
var uibModel = angular.module('ui.bootstrap.datepicker'); 
uibModel.config(function ($provide) { 
    $provide.decorator('uibMonthpickerDirective', function ($delegate) { 
     var directive = $delegate[0], 
      link = directive.link; 

     var controllerName = directive.controller; 

     directive.compile = function() { 
      return function (scope, element, attrs, ctrls) { 
       link.apply(this, arguments); 
       scope.changeMode = function() { 
        scope.$parent.minMode = 'year'; 
        scope.$parent.datepickerMode = 'year'; 
        scope.$parent.datepickerOptions.datepickerMode = 'year'; 
        scope.$parent.datepickerOptions.minMode = 'year'; 
        scope.$parent.datepickerOptions.maxMode = 'year'; 

       }; 
      }; 
     }; 
     return $delegate; 
    }); 
}); 

}）（）;