0

我试图动态添加 jquery UI 日期选择器。即当我单击一个按钮时，它将创建一个带有日历选项的文本字段...由于我动态创建日历，日历不会打开。我的代码是

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

这个不是在按钮点击时创建的

4

3 回答 3

1

那甚至不是有效的 jQuery 代码。你不能像那样混合 jQuery 和 html。您的代码没有任何意义：

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

您的按钮单击事件处理程序必须是有效的 jQuery 而不是 html。

于 2012-06-20T10:49:44.380 回答
0

我很确定您添加 id 为“datepicker”的输入文本不会这样做。尝试按照文档中的说明在新元素上调用 .datepicker()：http: //jqueryui.com/demos/datepicker/

于 2012-06-20T10:47:23.353 回答
0

我已经创建了一个你想要在这里实现的（我认为）的工作小提琴：

http://jsfiddle.net/Bk9Ut/

单击按钮时，它会创建一个新的输入元素，然后在新元素上运行 datepicker 命令。请参阅此处的文档：http: //jqueryui.com/demos/datepicker/了解日期选择器信息和初始化选项。

于 2012-06-20T10:50:44.860 回答