jquery datepicker 동적으로 처리하기

datepicker는 편리하다.

 

$(".selectDt").datepicker();

 

이런식으로 하면 기존에 클래스가 selectDt인 element들은 datepicker를 다 가지게 된다.

 

그런데 ...

 

동적으로 생성된 페이지가 로딩되고 난 이후에 생성되는 클래스가 selectDt 를 가지는 element들은 datepicker가 적용이 되지 않는다...

 

아래는 해결법...

$(".ui-datepicker-trigger").remove();
$(".selectDt").removeClass('hasDatepicker').datepicker();

 

 

기존에 datepicker로 선언되었던 달력이미지 삭제 후 클래스가 selectDt로 선언되어 있는 element에 적용되어 있던 datepicker를 삭제 후 다시 datepicker를 적용시켜준다.

 

완료~~