jQuery UI datepicker z-index 때문에 datepicker 가 뽓 나타나지 않을때 해결하기

대부분의 경우 별다른짓을 안해도 div 팝업창에서 datepicker 가 잘 뜬다.

그런데 어째 하다보면 div 로 띄운 팝업창의 z-index 보다 datepicker 의 z-index 가 적어서 팝업창 위로 datepicker 가 뽓 튀어나오지 않는다.

요걸 해결하기 위해서 간단하게 jQuery UI 의 js 파일 한군데를 살짝 수정해 주면 된다.



에디터로  소스가 압축된 jquery-ui-xxxx.min.js 파일이나 아니면 압축안된 버전의 jquery.ui.datepicker.js 파일을 연 후

압축버전의 경우 요부분을 찾고,

b.dpDiv.zIndex(d(a).zIndex()+1);

압축안된 버전의 경우 요부분을 찾아서

inst.dpDiv.zIndex($(input).zIndex()+1);

요렇게 +1 부분을 적당히 큰 숫자로 바꿔주면 달력이 뽓 잘 뜰것이다.

b.dpDiv.zIndex(d(a).zIndex()+999);

2011/11/01 - [Javascript] - Javascript 문자열 바이트수 가져오기(byteLength)

2011/09/28 - [Javascript] - Javascript Timer setTimeout(), setInterval() 함수 나름 새로운 사용법 -_-

2011/09/27 - [Javascript] - jQuery ajax 로 로딩되는 페이지에 있는 자바스크립트가 실행이 안될때(모바일웹)

2011/09/19 - [jQuery Plugin] - 자작 훌러그인 : jQuery monthPicker Plugin v0.1

2011/09/09 - [Javascript] - Javascript Date format 함수