UI

동적으로 추가된 객체에 datepicker() 적용하기

by kay posted Nov 06, 2013
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

동적으로 추가(append)되거나 복제된(clone) 객체에서 DatePicker()가 작동하지 않는 문제가 확인되어

구글링을 통해 방법들을 찾아보니 hasDatepicker Class가 문제 인지라..

해당 클래스 제거 후 다시 DatePicker 설정을 해줘야 작동합니다..


// 지정된 객체 처리시
$(this).removeClass('hasDatepicker').datepicker();

// 클래스를 이용한 처리
$(document).find(".JCaldendar").removeClass('hasDatepicker').datepicker({
	dateFormat: "yy-mm-dd",
	defaultDate: "+1w",
	numberOfMonths: 1,
	changeMonth: true,
	showMonthAfterYear: true ,
	changeYear: true
});


참고 Url : 

http://pdw213.egloos.com/4209246

http://www.sitekickr.com/blog/jquery-datepicker-work-cloned-elements/