0
In this plunk div 안에 각도 UI Datepicker가 있습니다 (div에는 주황색 배경이 있음). 문제는 내가 z-index: 99999을 설정하더라도 Datepicker가 잘 렸습니다. div overflow-y:auto에서 div를 제거하면 Datepicker가 표시되지만 넘칠 때 스크롤 할 div가 필요합니다. 이 문제를 해결하는 방법?Angular UI Datepicker에서 Z- 인덱스가 작동하지 않습니다.
HTML :
<div style="height:200px;padding:30px;background-color:orange;overflow-y:auto">
<p class="input-group" style="z-index:99999">
<input type="text" class="form-control" ng-model="dt" is-open="config.opened"
uib-datepicker-popup popup-placement="top-left" datepicker-options="dateOptions"
ng-required="true" close-text="Close" />
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="open1()">
<i class="glyphicon glyphicon-calendar"></i></button>
</span>
</p>
</div>
자바 스크립트 :
var app = angular.module('app', ['ui.bootstrap']);
app.controller('ctl', function ($scope) {
$scope.opened = false;
$scope.dateOptions = {
showWeeks: false
};
$scope.open1 = function(){
$scope.opened = true;
};
});
app.directive('dir2', function() {
return {
restrict: 'EA',
scope: {
someVar: '='
},
templateUrl: 'dir2.html',
link: function (scope, element, attrs) {
scope.config = {};
scope.config.opened = true;
}
}
});