datepicker 모달 창 표시 오류 수정

main
이범준 10 months ago
parent 2edebc6ddc
commit 2f44b3c17d

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

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

@ -3,7 +3,10 @@ function initDatepicker(elementId){
var executionArea = $("#"+elementId);
/*--------------------- 달력 제어 ---------------------*/
executionArea.find(".form-date").datepicker()
executionArea.find(".form-date").each(function(){
$(this)
.datepicker()
.attr("maxlength", "10")
.on("input",function(e){
@ -33,9 +36,13 @@ function initDatepicker(elementId){
})
;
executionArea.find(".form-date").next("button.bx-calendar").on("click", function() {
var calendarIcon = $(this).next("button.bx-calendar");
if(calendarIcon.length > 0){
$(calendarIcon).on("click", function() {
$(this).prev().focus();
});
}
});
}

Loading…
Cancel
Save