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