jQuery datepicker가 동적으로 생성 된 html 입력 필드에 표시되지 않습니다.

Question

두 개의 입력 필드가 있습니다. 하나는 HTML 페이지에 직접 코딩되고 다른 하나는 JavaScript를 통해 추가되며 다른 ID를 가진 두 필드에 대해 jQuery datepicker를 초기화했습니다.

제가

var datepicker2 = '<div class="control-group"> <label class="control-label">Cheque Date</label><div class="controls"> <input placeholder="DD/MM/YYYY" id="datepicker2" name="" type="text" onkeyup="" class="form-control"> </div> </div>' 
    $("#drop1").html(datepicker2); 


    $("#datepicker1").datepicker(); 

    $("#datepicker2").datepicker(); 

문제는 날짜 선택기 정적 입력으로 도시된다 자바 스크립트 코드를 통해 추가의 HTML 페이지

하나 개의 입력 필드

<input id="datepicker1" name="" type="text" value=""class="form-control" placeholder="dd/mm/yyyy"> 

기타의 jQuery UI의 날짜 선택기를 사용하고 필드를 HTML 페이지에 표시하고 자바 스크립트를 통해 추가하는 동안 동적 필드에 표시하지 않습니다.

동적으로 생성 된 필드에 대해 datepicker를 초기화 할 수 있습니까?

Answer 1

다음 코드를 시도해보십시오.

입력 필드에 일반적인 클래스 .date_picker를 추가하고 문서에 DATEPICKER1 ~를 추가하지 않을 것 같다 다음과 같은 자바 스크립트

$('body').on("click", ".date_picker", function(){ 
    $(this).datepicker(); 
});​ 

Answer 2

를 추가합니다. `) (http://codepen.io/8odoros/pen/xOqyQm