重复jquery用户界面问题

表单集插件可以在添加新表单时调用函数,您可以在那里初始化新添加的字段。函数应采用单个参数, row ;它将传递一个jquery对象,包装刚刚添加的表单。

$('#myFormset1Table tbody tr').formset({
    added: function(row) {
       row.find(".date").datepicker(); 
    }
});

你的第一个想法很好。

1. 给所有的日期选择者一个类来识别他们。
2. 全部克隆。
3. 然后 ,使用jquery将它们转换为日期选择器 each 功能:

.

$(".dates").each(function (i) {
    $(this).datepicker();
}

所以基本上,在激活日期选择器之前复制所有元素。jquery的 每个 允许您在一个步骤中激活整个元素列表。

编辑: 如果需要动态生成新的克隆,可以将行的HTML存储在变量中。当用户添加行时,可以执行以下操作:

$(".date", $(rowHTML).appendTo($("#my-form-fields"))).datepicker();

它将新行添加到表单中,然后初始化该行的日期选择器。

编辑2: 上述代码相当于

$(rowHTML).appendTo($("#my-form-fields")).find(".date").datepicker();

你可以听听 onSelect 甚至可能
$('.dates').focus(index){ $($('.dates')[index]) //etc. }