Liferay 中的 Liferay.AutoFields 和 DatePicker

Question

我需要通过单击按钮来复制一组输入字段；根据需要多次。

此功能与我们在 Liferay 中的功能相同:

转到“控制面板 -> 用户”，单击任意用户。

在页面右侧的“标识”下；点击“地址、电话号码”。

单击加号(添加按钮)可复制输入字段集。

这是我根据我的要求编写的代码。

输入字段的代码:

<input class="date-pick" readonly="readonly" id="<portlet:namespace/>fromDate1"   type="text" onchange="showDate()"

     name="<portlet:namespace/>fromDate1" value="" />" >

使用日期值的 JavaScript:

function showDate()
  {
   alert(document.getElementById("<portlet:namespace/>fromDate1"));
  }

将日期选择器与上面的文本框绑定(bind)的 jQuery 函数:

jQuery(function(){
  jQuery('.date-pick').datepicker({autoFocusNextInput: true});
});

Liferay.Autofields 函数用于创建表单字段的重复行:

jQuery(
  function () {
        new Liferay.AutoFields(
                    {
                          container: '#<portlet:namespace />webFields',
                          baseRows: '#<portlet:namespace />webFields > .lfr-form-row',
                          fieldIndexes: '<portlet:namespace />formFieldsIndexes',
                          onAdd: function(newField) {
                                      alert('This field got added.');
                                      jQuery('.date-pick').datepicker({autoFocusNextInput: true});
                                },

                          onRemove: function() {
                                      alert('The last field was removed.');
                                }
                    }
        );
  }

);

对于原始的输入字段集，日期选择器工作正常；但对于单击加号(添加按钮)后生成的一组输入字段，日期选择器不起作用。

此外，由于输入字段的名称会动态更改，因此我在使用输入字段的值时面临问题(请参阅 javascript 函数 showDate())。

有人从事过这方面的工作或者有任何想法吗？那么请帮忙

Answer 1

已经解决了。再次感谢这个帖子 -

Why does jQuery UI's datepicker break with a dynamic DOM?