[jQuery] Datepicker(캘린더) 위치 수정

참고 : 서제떼의블로그

아래와 같이 jQuery 다이얼로그 창에서 jQuery Datepicker를 사용중에

Datepicker 캘린더의 위치가 텍스트박스 바로 아래가 아닌 이상한 곳에서 나타나는 에러가 발생했다.

#01. 에러 상황

기존코드

jQuery("#calendar").datepicker({})

#02. 에러 해결방법

수정코드

jQuery("#calendar").datepicker({             beforeShow: function(input) {                var i_offset = jQuery(input).offset();      // 클릭된 input의 위치값 체크                setTimeout(function(){                   jQuery("#ui-datepicker-div").css({"left":i_offset});                  // datepicker의 div의 포지션을 강제로 클릭한 input 위취로 이동시킨다.                })             }         });

위와같이 수정하여 해결할 수 있었다.