내가 월간 및 연간 날짜 선택 모드에 대한 지침 및 템플릿 UI가 부트 스트랩 날짜 선택뿐만 아니라 템플릿을 생성 한 동적 DatepickerMode

Question

UI 부트 스트랩 날짜 선택기, 현재 나의 템플릿은 내가 업데이 트하려는이

처럼 보인다 datepicker DatePickerMode는 월간 또는 년 별 버튼을 클릭하는 것을 기반으로 월에 상관없이 1 년 값만 필요합니다. 지시문에 DatePickerMode를 업데이트하기 위해 일부 함수를 추가하려고 시도했지만 템플릿 (월간 및 연간)은 다른 범위

Answer 1

장식 기능을 사용하여 추가 기능을 추가 할 수있었습니다.

(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; 
    }); 
}); 

})();