AngularJS와 - 지시 datepicke, 내가 날짜 선택기를 표시하려면이 지시자를 사용하고 CSS를

Question

수정 : 내가 모달 대화 상자를 표시해야

myApp.directive('jqdatepicker', function() { 
    return { 
     restrict: 'A', 
     require: 'ngModel', 
     link: function(scope, element, attrs, ngModelCtrl) { 
      $(element).datepicker({ 
       dateFormat: 'yy-mm-dd', 

       onSelect: function(date) { 
        var ngModelName = this.attributes['ng-model'].value; 

        // if value for the specified ngModel is a property of 
        // another object on the scope 
        if (ngModelName.indexOf(".") != -1) { 
         var objAttributes = ngModelName.split("."); 
         var lastAttribute = objAttributes.pop(); 
         var partialObjString = objAttributes.join("."); 
         var partialObj = eval("scope." + partialObjString); 

         partialObj[lastAttribute] = date; 
        } 
        // if value for the specified ngModel is directly on the scope 
        else { 
         scope[ngModelName] = date; 
        } 
        scope.$apply(); 
       } 
      }); 
     } 
    }; 

. z- 인덱스를 변경하려면 CSS를 수정해야합니다.

datepicker.dropdown-menu{ 
    z-index:9999 
} 

이 CSS를 내 지시문에 넣는 법을 모르겠습니다. 누군가가 나를 도울 수 있다면 ...

고마워.

Answer 1

CSS는 다음과 같이 jQuery를 사용하여 수정할 수 있습니다 :

$(element).css('background','red'); 

귀하의 경우 : 귀하의 답변에 대한

$(element).find('.dropdown-menu').css('z-index','9999');