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>'+
@ -74,7 +76,32 @@ $.fn.datepicker.addKo = function(){
'</th>'+
'</tr>'+
'</tfoot>';
this.makeTemplate();
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,40 +3,47 @@ function initDatepicker(elementId){
var executionArea = $("#"+elementId);
/*--------------------- 달력 제어 ---------------------*/
executionArea.find(".form-date").datepicker()
.attr("maxlength", "10")
.on("input",function(e){
executionArea.find(".form-date").each(function(){
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);
}
$(this)
.datepicker()
.attr("maxlength", "10")
.on("input",function(e){
if(this.value.length <= 0){
return;
}
if(this.value.length != this.selectionStart){
return;
}
})
.on("paste", function(e){
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 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();
});
}
})
;
executionArea.find(".form-date").next("button.bx-calendar").on("click", function() {
$(this).prev().focus();
});
});
}
function initDetailSearchButton(elementId){

Loading…
Cancel
Save