Angularjs - 指令datepicker，修改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();
                }
            });
        }
    };

我需要在模态对话框中显示它。所以我需要修改css才能更改z-index：

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

我不知道如何将这个css放入我的指令中。 如果有人可以帮助我......

感谢。

Answer 1

可以使用jQuery修改CSS：

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

在你的情况下：

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