datepicker 모달 창 표시 오류 수정

src/main/webapp/resources/3rd-party/bootstrap-datepicker/bootstrap-datepicker-support.js

@@ -38,6 +38,7 @@ $.fn.datepicker.makeTemplate = function(){
 										'</div>';
 };
 
+//한국어설정 추가, 기본설정 변경, 오늘버튼,지우기버튼 영역 수정
 $.fn.datepicker.addKo = function(){
 	
 	this.dates['ko'] = {
@@ -65,6 +66,7 @@ $.fn.datepicker.addKo = function(){
 	this.defaults.disableTouchKeyboard = true;
 	this.defaults.enableOnReadonly = false;
 	this.defaults.immediateUpdates = true;
+	this.defaults.zIndexOffset = 1;
 	
 	this.DPGlobal.footTemplate = '<tfoot>'+
 									'<tr>'+
@@ -75,6 +77,31 @@ $.fn.datepicker.addKo = function(){
 									'</tr>'+
 								'</tfoot>';
 	this.makeTemplate();
+									
 }
 
+//z-index 변경
+$.fn.datepicker.prototype.constructor.Constructor.prototype.originalPlace = 
+$.fn.datepicker.prototype.constructor.Constructor.prototype.place;
+$.fn.datepicker.prototype.constructor.Constructor.prototype.place = function(){
+
+	var r = this.originalPlace();
+	var styleAttr = r.picker.attr('style');
+	var ziStart = styleAttr.substring(styleAttr.indexOf("z-index"));
+	var semicolonIdx = ziStart.indexOf(";");
+	if(semicolonIdx != -1){
+		ziString = ziStart.substring(0,semicolonIdx);
+	} else {
+		ziString = ziStart;
+	}
+	
+	if(ziString.indexOf("!important") == -1){
+		var ziValue = ziString.substring(9);
+		var replaceStr = "z-index: " + ziValue + ' !important';
+		r.picker.attr('style', styleAttr.replace(ziString, replaceStr));
+	}
+	
+	return r;
+};
+
 $.fn.datepicker.addKo();

src/main/webapp/resources/js/base/base-fims.js

@@ -10,11 +10,11 @@ function setDialogZindex(){
 	}
 	
 	var parentZ = $(parentDialog).css("z-index");
-	$(childDialog).css("z-index", parentZ+10);
+	$(childDialog).css("z-index", Number(parentZ)+10);
 	
 	var backdrop = $(childDialog).next();
 	if(backdrop.hasClass("modal-backdrop")){
-		backdrop.css("z-index", parentZ+9);
+		backdrop.css("z-index", Number(parentZ)+9);
 	};
 }
 

src/main/webapp/resources/js/fims/framework/cmm/initAfterPageLoad.js

@@ -3,39 +3,46 @@ function initDatepicker(elementId){
 	var executionArea = $("#"+elementId);
 
     /*---------------------  달력 제어  ---------------------*/
-    executionArea.find(".form-date").datepicker()
-    .attr("maxlength", "10")
-    .on("input",function(e){
-		
-		if(this.value.length <= 0){
-			return;
-		}
-		if(this.value.length != this.selectionStart){
-			return;
-		}
-
-		var value = this.value.replaceAll("-","");
-		
-		if(value.length > 7){
-			this.value = value.substring(0,4)+"-"+value.substring(4,6)+"-"+value.substring(6);
-		} else if(value.length > 5){
-			this.value = value.substring(0,4)+"-"+value.substring(4);
+    executionArea.find(".form-date").each(function(){
+		
+		$(this)
+			.datepicker()
+		    .attr("maxlength", "10")
+		    .on("input",function(e){
+				
+				if(this.value.length <= 0){
+					return;
+				}
+				if(this.value.length != this.selectionStart){
+					return;
+				}
+		
+				var value = this.value.replaceAll("-","");
+				
+				if(value.length > 7){
+					this.value = value.substring(0,4)+"-"+value.substring(4,6)+"-"+value.substring(6);
+				} else if(value.length > 5){
+					this.value = value.substring(0,4)+"-"+value.substring(4);
+				}
+				
+			})
+			.on("paste", function(e){
+				
+				var value = e.originalEvent.clipboardData.getData('text');
+				if(value.length == 8){
+					this.value = value.substring(0,4)+"-"+value.substring(4,6)+"-"+value.substring(6);
+				}
+		
+			})
+		;
+			
+		var calendarIcon = $(this).next("button.bx-calendar");
+	    if(calendarIcon.length > 0){
+			$(calendarIcon).on("click", function() {
+		        $(this).prev().focus();
+		    });
 		}
-		
-	})
-	.on("paste", function(e){
-		
-		var value = e.originalEvent.clipboardData.getData('text');
-		if(value.length == 8){
-			this.value = value.substring(0,4)+"-"+value.substring(4,6)+"-"+value.substring(6);
-		}
-
-	})
-	;
-
-    executionArea.find(".form-date").next("button.bx-calendar").on("click", function() {
-        $(this).prev().focus();
-    });
+	});
 	
 }