jQuery Dialog 에 datepicker 자동 포커싱 문제 해결 방법

Dialog 는 open 되면서 가장 첫번째 input elements 에 자동으로 포커싱 되게 되어있다.

때문에 Dialog 에 datepicker 가 가장 먼저 있다면 자동으로 datepicker 가 open 된다.

이를 해결 하기 위하여 많은 방법을 해 봤지만 가장 쉬운 방법은 아래처럼 input 'text' 를 datepicker 보다 먼저

넣어두는 것이다.

<input type="text" style="width: 0px; height: 0px; border: 0px;" />

괜한걸로 시간 많이 쓰지 말자

 

2012-07-03

 

--------------------------------------------------------------------------------------------------------

 

위의 해결 방법은 꼼수 였고, input box 가 보일 위험이 있다.

 

더 좋은 해결 방법은 아래와 같이 한다.

 

1. $('#date_fild').prop('disabled', true);          // default 로 date_fild 를 disabled 시켜놓고

2. $('#date_fild').prop('disabled', false);        // dialog open 시 disabled 를 해제하고 

3. $('#date_fild').prop('disabled', true);          // dialog close 시 다시 disabled 시킨다.

해결~~^ ^  2012-08-28