我可以有動態的日期選擇器使用jQuery的類選擇器

Question

我有一個動態的HTML表，並在一列中我想要一個jQuery的UI日期選擇器。有幾個問題：

1. 我可以用類而不是ID有日期選擇器：

   $（文件）。就緒（函數（）{
   $（）日期選擇器（）; 「日期選擇器」。
   }）;

2. 如果我在使用jquery的此類中添加文本框，我可以創建它們嗎？

Answer 1

1. 您可以根據自己喜歡的任何jQuery選擇的日期選擇器。 .datePicker（）只適用於你的選擇器返回。

2. 是的，您可以隨時創建它們，您只需在讀取器上運行.datePicker（），就像在document.ready（）中一樣。您只需添加一個文本框與您的document.ready代碼中使用的相同類，但不會自動設置它們，您需要確保您再次運行.datePicker代碼（除非您使用.live查詢執行某些操作）。

澄清的評論：

你會希望避免上運行東西是已經有它運行日期選擇（但我不認爲這會傷害如果你這樣做）。因此，您可以像給表格中的新TR一樣使用唯一ID（例如記錄的ID），然後運行$('#newRowId input.datePicker').datePicker();。

Answer 2

今天，我面臨你的問題。更改JQuery的象下面這樣：

$(".myclass").live("click", function() { 
    $(this).datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     gotoCurrent: true, 
     dateFormat: 'dd-mm-yy', 
     yearRange: '2016:c', 
     defaultDate: 'today' 
    }).datepicker('show'); 
});