[ Javascript ] innerHtml 시 datepicker가 동작하지 않을 때

SMALL

datepicker를 갖고 있는  element를 페이지가 로딩되고 난 후

복제, 생성, 삽입 등을 하게 되면 datepicker가 제대로 동작하지 않습니다.

그렇기 때문에 해당 element의 datepicker를 다시 바인딩 해줘야 합니다.

 

특정 element의 id를 strtDay라 한다면 

$("#strtDay").removeClass("hasDatepicker").datepicker();

이런 식으로 하면 되고,

 

특정 class를 처리하고 싶다면

$(".date").removeClass("hasDatepicker").datepicker();

이렇게 하셔도 됩니다.

 

직접 datepicker를 바인딩 하는 함수를 작성하셨다면 뒤에 .datepicker()를 쓰지 않고

해당 함수를 호출하셔도 됩니다.

 

$("#strtDay").removeClass("hasDatepicker");
fn_datePicker($("#strtDay"));