jQuery-UI datepicker가 작동하지 않습니다.

Question

jquery UI 날짜 선택 도구를 동적으로 추가하려고했습니다. 즉, 버튼을 클릭하면 캘린더 옵션으로 텍스트 필드가 생성됩니다 ... 캘린더를 동적으로 생성하기 때문에 캘린더가 열리지 않습니다. 내 코드는 내가 ID가 "날짜 선택기"을 입력 텍스트를 추가하는 것은 그것을하지 않는 당신을 확신

Answer 1

버튼을 클릭에 생성 얻을 나던

$("#button").click(function() 
{ 
"<table id='submitReportTable' class = 'OGTable" 
               + tab_counter 
               + "'><tr><td><b>PortFolio</b></td><td><select id='portfolio" 
               + tab_counter 
               + "'></select></td></tr><tr><td><b>From Date</b></td><td> <input type=text id='datepicker' class='fromDate" 
               + tab_counter 
               + "' /></td></tr><tr><td><b>End Date</b></td><td> <input type=text id='datepicker' class='endDate" 
               + tab_counter 
               + "' /></td></tr><tr><td><b>Frequncy</b></td><td> <select id='frequency" 
               + tab_counter 
               + "'><option>Yearly</option><option>Quarterly</option><option>Monthly</option><option>Weekly</option><option>Daily</option></select></td></tr><tr><td> <input type=button id=submitButton name=submit value='Submit' class='submit" 
               + tab_counter 
               + "'></input></td></tr></table>"}); 

이 하나입니다. .datepicker()를 문서의 설명대로 새 요소에 호출 해보십시오. http://jqueryui.com/demos/datepicker/

Answer 2

유효하지 않은 jQuery 코드도 있습니다. 당신은 jQuery와 html을 혼합 할 수 없다. 코드가 의미가 없습니다.

$("#button").click(function() 
</td></tr><tr><td><b>From Date</b></td><td> 

버튼 클릭 이벤트 핸들러는 유효한 jQuery이고 HTML이 아니어야합니다.

난 당신이 여기에 달성하기 위해 무엇을하려고하는 (나는 생각한다)의 작업 바이올린 만든

Answer 3

:

http://jsfiddle.net/Bk9Ut/

이 버튼을 클릭하면 그 다음 새로운 입력 요소를 생성하고이에 날짜 선택기 명령을 실행 새로운 요소. datepicker 정보 및 초기화 옵션은 here : http://jqueryui.com/demos/datepicker/ 문서를 참조하십시오.