JQuery와 날짜 선택기를 클릭 문제는 날짜 선택기는 동적으로

Question

을 만들 때 나는 그래서 내 텍스트 상자 런타임에 생성

$(document).ready(function(){ 
    $("#setdate").html('<input type="text" class="datepicker">'); 
}); 

아래와 같은 문서를 준비 방법에 내 코드를 jQuery를 사용하여 날짜 선택기를 만들어 내가 클릭 할 때 나는 날짜 선택기로 클래스 이름을 추가했다 내가 코드

$(this).on("click", ".datepicker", function(){ 
    $(".datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true 
    }); 
}); 

다음 추가 된 있도록 페이지로드 시간에 생성의 때문에 텍스트 상자에 그렇지 내가 처음에 날짜 선택기 텍스트 상자를 클릭 할 때 다음 아무것도하지만, 그것을 할 수있는 날짜 선택기 대화 상자를 엽니 다 클릭을 보여줍니다 날짜 선택기 대화 상자를 보여줍니다 아무도 왜 이걸 알지. ppens, 나는 그것이 가능한 방법을 첫 번째 클릭에 열려 datepicker 싶어요?

Answer 1

로직이 약간 동기화되지 않습니다. 텍스트 상자를 클릭하면 날짜 표시 줄로 바뀝니다. 이것은 처음 클릭하기 전에 그냥 일반 텍스트 상자임을 의미합니다. 텍스트 상자를 pageload의 datepicker로 설정하면됩니다.

이 작동합니다 :

$(document).ready(function(){ 

    //create the text box 
    $("#setdate").html('<input type="text" class="datepicker">'); 

    //initialise the datepicker code on the text box 
    $(".datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true 
    }); 

});