jQuery-UI日期選擇器不起作用

我試圖動態地添加jquery UI日期選擇器。即當我點擊一個按鈕，它將創建一個帶日曆選項的文本字段...由於我動態創建日曆，日曆無法打開。我的代碼是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>"});

這一個犯規獲得按鈕創建點擊

來源

2012-06-20 user1371896

它是否在一個文件準備塊？ – msanders

它不在裏面document.ready ...它在另一個函數.. – user1371896

btw ...你知道你需要將HTML附加到你的DOM某處...對嗎？此外，-1因爲我覺得我正在幫助一個不喜歡搜索和嘗試的人的作業（這裏有很多示例） –

我敢肯定你，加入ID爲「日期選擇器」輸入文本沒有做到這一點。請按照文檔中的說明，在您的新元素上調用.datepicker（）： http://jqueryui.com/demos/datepicker/

來源

2012-06-20 10:47:23

我知道..我叫document.ready函數裏面的函數 – user1371896

這樣的東西？點擊按鈕時添加日期選擇器http://jsfiddle.net/mPpXn/2/ –

這甚至不是有效的jQuery代碼。你不能像這樣混合使用jQuery和html。您的代碼沒有任何意義：

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

您的按鈕單擊事件處理程序需要是有效的jQuery，而不是html。

來源

2012-06-20 10:49:44

ive修復了它...對不起abt的錯字 – user1371896

@ user1371896沒有真正修復...你的代碼仍然沒有意義 –

我創造了什麼（我覺得）你想在這裏實現工作小提琴：

http://jsfiddle.net/Bk9Ut/

當單擊該按鈕，它會創建一個新的輸入元素，然後上運行的日期選擇器命令新元素。有關日期選擇器信息和初始化選項，請參閱文檔：http://jqueryui.com/demos/datepicker/。

來源

2012-06-20 10:50:44 bm1729

回答

相關問題