Question

我试图动态添加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>"});

这个不会在点击按钮

上创建

Answer 1

这甚至不是有效的jQuery代码。你不能混合使用jQuery和html。你的代码没有任何意义：

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

你的按钮点击事件处理程序需要是有效的jQuery而不是html。

Answer 2

我很确定你添加一个带有“datepicker”的输入文本并没有这样做。尝试在文档中声明的新元素上调用.datepicker（）： http://jqueryui.com/demos/datepicker/

Answer 3

我创造了一个工作小提琴（我认为）你想在这里实现的目标：

http://jsfiddle.net/Bk9Ut/

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

jQuery-UI datepicker不起作用

3 个答案: