顯示日期選擇器

Question

我有一個這樣的日期選擇器：

<input name="eventDate" type="text" id="eventDate" size="12" class="textbox"> 

要顯示的日曆，我用這個語句：

<script> 
// <![CDATA[ 
var opts = { formElements:{"eventDate":"d-sl-m-sl-Y"} };  
datePickerController.createDatePicker(opts); 
// ]]> 
</script> 

我的問題是，我想創建一個表格，每一個當用戶按下「添加行」按鈕時，會出現一個新行，並且每行中名爲「eventDate」的所有日期選擇器都應該起作用。我怎樣才能做到這一點？誰能幫我？

Answer 1

您需要將克隆的輸入字段綁定到日期選擇器，所以基本上只需在插入新行後重置日期選擇器即可。

這裏有一個快速小提琴：http://jsfiddle.net/466C8/

$('.addRow').click(function() { 
    $('.cont').append('<input name="eventDate" type="text" class="eventDate" size="12" class="textbox" /><br />'); 
    $(".eventDate").datepicker(); 
}); 

如果你要克隆這些元素，你應該使用類。如果它們完全相同，它將不會與ID一起使用。 在SO中有很好的答案，請嘗試搜索。