동적 테이블에 Jquery와 캘린더 datepicker를 추가하십시오.

Question

생성 당시에 Jquery 캘린더 선택 도구를 텍스트 상자에 추가하려고하는데 어떻게 찾을 수 있습니까?

내가 버튼을 누를 때, 나는 JQuery와 달력 선택기를 첨부 할 요소를 테이블을 만들 것입니다 :

var txtDate = createTextInput(i, "txtDate", 8, 10); 
txtDate.className = "datepicker"; 
this.newcells[i].appendChild(txtDate); 

내가 마지막에 추가 시도 :

txtDate.datepicker(); 

그러나 작동하지 않습니다. 아무도 도와 줄 수 있니?

감사합니다.

참고 : CreateTextInput은 다음과 같습니다

function createTextInput(i, strName, size, maxLength) { 
    var input = document.createElement('<input>'); 
    input.type = "text"; 
    input.name = strName; 
    input.id = strName + i; 
    input.size = size; 
    input.maxLength = maxLength; 

    return input; 
} 

Answer 1

를 사용하여 당신은 쉽게 jQuery를 사용하여 요소를 만들 수 있습니다

txtDate.datepicker(); 

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

대신

.

$("<input type='text' />").attr("id", '').appendTo("yourelement"); 

같은 뭔가 당신은 jQuery를이 같은 createtextinput 기능을 다시 작성할 수 있습니다

function createTextInput(i, strName, size, maxLength) { 
    return $("<input />".attr({ 
     type: 'text', 
     name: strName, 
     id: strName + i, 
     size: size, 
     maxLength: maxLength 
    });  
} 

당신은 당신이 직접

txtDate.datepicker(); 

Answer 2

createTextInput 만약이 jQuery를 객체 대신 일반 DOM 노드를 반환, 당신은 결과에 $()을 사용해야합니다.

$(txtDate).datepicker(); 

Answer 3

$(txtDate).datepicker();