datepicker 모달 창 표시 오류 수정

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

@ -38,6 +38,7 @@ $.fn.datepicker.makeTemplate = function(){
'</div>'; '</div>';
}; };
//한국어설정 추가, 기본설정 변경, 오늘버튼,지우기버튼 영역 수정
$.fn.datepicker.addKo = function(){ $.fn.datepicker.addKo = function(){
this.dates['ko'] = { this.dates['ko'] = {
@ -65,6 +66,7 @@ $.fn.datepicker.addKo = function(){
this.defaults.disableTouchKeyboard = true; this.defaults.disableTouchKeyboard = true;
this.defaults.enableOnReadonly = false; this.defaults.enableOnReadonly = false;
this.defaults.immediateUpdates = true; this.defaults.immediateUpdates = true;
this.defaults.zIndexOffset = 1;
this.DPGlobal.footTemplate = '<tfoot>'+ this.DPGlobal.footTemplate = '<tfoot>'+
'<tr>'+ '<tr>'+
@ -74,7 +76,32 @@ $.fn.datepicker.addKo = function(){
'</th>'+ '</th>'+
'</tr>'+ '</tr>'+
'</tfoot>'; '</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(); $.fn.datepicker.addKo();

@ -10,11 +10,11 @@ function setDialogZindex(){
} }
var parentZ = $(parentDialog).css("z-index"); var parentZ = $(parentDialog).css("z-index");
$(childDialog).css("z-index", parentZ+10); $(childDialog).css("z-index", Number(parentZ)+10);
var backdrop = $(childDialog).next(); var backdrop = $(childDialog).next();
if(backdrop.hasClass("modal-backdrop")){ 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); var executionArea = $("#"+elementId);
/*--------------------- 달력 제어 ---------------------*/ /*--------------------- 달력 제어 ---------------------*/
executionArea.find(".form-date").datepicker() executionArea.find(".form-date").each(function(){
.attr("maxlength", "10")
.on("input",function(e){
if(this.value.length <= 0){ $(this)
return; .datepicker()
} .attr("maxlength", "10")
if(this.value.length != this.selectionStart){ .on("input",function(e){
return;
} if(this.value.length <= 0){
return;
var value = this.value.replaceAll("-",""); }
if(this.value.length != this.selectionStart){
if(value.length > 7){ return;
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);
}
}) var value = this.value.replaceAll("-","");
.on("paste", function(e){
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){ function initDetailSearchButton(elementId){

Loading…
Cancel
Save