Javascript 动态jQuery UI日期选择器元素

我正在使用jQueryUIDatePicker函数在html表单中创建许多日期字段

我使用以下代码获取任何带有“datepicker”类的输入字段：

$('.datepicker').each(function() {
    var id = $(this).attr('id').split('_')[0];

    if ($('#'+id+'_value').val()) { 
        var initialdate = new Date($('#'+id+'_value').val());
    }
    else {
        var initialdate = new Date();
    }

    $(this).val($.datepicker.formatDate('DD, d MM, yy', initialdate));
    $('#'+$(this).attr('id').split('_')[0]+'_value').val($.datepicker.formatDate('yy-mm-dd', initialdate));
    $(this).datepicker({
                        'dateFormat': 'DD, d MM, yy',
                        'altField': '#'+id+'_value',
                        'altFormat': 'yy-mm-dd' 
    });
});

然而，我也在使用一些其他javascript来克隆一个包含多个表单元素的span。创建新元素时，datepicker函数不起作用

我能做些什么使新的像现有的一样工作

谢谢你的建议

---

谢谢。

由于您可能会在文档创建时调用该迭代，因此稍后添加到DOM中的项不会实例化为新的日期选择器，因此您必须在希望启用日期选择器的每个新添加元素上显式调用.datepicker（）

基本上，将代码从上面的迭代器移动到它自己的函数，然后执行以下操作：

$('.datepicker').each(myDatePickerFunction($(this));

并对以后添加的元素调用相同的函数