jquery 달력 사용 시 clone등을 통해 다이나믹하게 컨트롤 할 경우 문제가 많다.

아래처럼 해당 속성을 완벽하게 지워줘야 한다.

destroy후 아래처럼 기존에 남아있는 속성들을 전부 지워줘야 한다.

ID가 있는경우 removeAttr(id)를 이용해 id도 지워주자.

var clone = $(this).clone();

     clone .find('.startDate').siblings('.ui-datepicker-trigger,.ui-datepicker-apply').remove();

     clone

       .removeClass('hasDatepicker')

       .removeData('datepicker')

       .unbind()

 .datepicker();

특히 굵게 처리된 부분을 찾지 못해서 이미지가 두개씩 뜨는 삽질을 할 수도 있다.

2014.04.11 추가

아래처럼 hasClass를 확인하여 완벽하게 datepicker속성을 날려버린 후 재사용하자

       if($(this).hasClass('hasDatepicker') == true) {

            $(this).siblings('.ui-datepicker-trigger,.ui-datepicker-apply').remove();

            $(this)

            .removeAttr('id')

            .removeClass('hasDatepicker')

            .removeData('datepicker')

            .unbind();

       }