2012-06-20 2 views
0

Я пытался добавить jquery UI date picker динамически. т.е. когда я нажимаю кнопку, он создаст текстовое поле с возможностью календаря ... Поскольку я создаю календарь динамически, календарь не открывается. Мой кодjQuery-UI datepicker не работает

$("#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>"}); 

это один не получает создан на кнопку мыши

+0

находится внутри готового документа документа? – msanders

+0

его не внутри document.ready ... его в другой функции .. – user1371896

+0

btw ... вы знаете, что вам нужно добавить этот HTML-код в свой DOM где-то ... правильно? Кроме того, -1, потому что я чувствую, что помогаю домашнему заданию кого-то, кто не хочет искать и пытаться (есть примеры LOADS примеров) –

ответ

0

Я довольно, что ваши, что добавление ввода текста с идентификатором «DatePicker» не делает этого. Попробуйте позвонить .datepicker() на ваш новый элемент, как указано в документации: http://jqueryui.com/demos/datepicker/

+0

Я знаю, что ... Я вызывал функцию внутри функции document.ready – user1371896

+0

Что-то вроде этого? Добавление datepicker при нажатии кнопки http://jsfiddle.net/mPpXn/2/ –

1

Это даже не действительный код jQuery. Вы не можете смешивать jQuery и html. Ваш код не имеет никакого смысла:

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

Ваша кнопка обработчик события нажатия должна быть действительным JQuery, а не HTML.

+0

ive исправлено это ... извините abt опечатка .. – user1371896

+0

@ user1371896 на самом деле не исправлена ​​... ваш код все еще не имеет смысла –

0

Я создал рабочую скрипку, что (я думаю) вы пытаетесь достичь здесь:

http://jsfiddle.net/Bk9Ut/

При нажатии на кнопку она создает новый элемент ввода, а затем запускает команду Datepicker на новый элемент. См. Документацию здесь: http://jqueryui.com/demos/datepicker/ для информации о дате и параметрах инициализации.

Смежные вопросы