javascript - 如何克隆 jQuery Datepicker 输入字段

Question

我需要使用 on 语句克隆一个附加了 datePicker 的 jQuery datepicker 输入字段。

$('form').on('click', '.datepicker', function(){
         $(this).datepicker({'changeMonth': true, 'changeYear': true, 'dateFormat': 'MM dd', 'yearRange': "<?php echo date('Y') ?>:<?php echo date('Y') + 1 ?>"}).focus();
    });

然后在克隆输入文件之前，我正在使用

$(".datepicker").datepicker('destroy').removeClass('hasDatepicker');

但是仍然附加到新克隆输入的日期选择器与原始输入字段混淆......

有人可以在这个话题上帮助我吗？

Answer 1

尝试这个

var $clone=$(".datepicker").clone();
$clone.datepicker("destroy");
$clone.removeAttr("id");
$clone.datepicker();
$('form').append($clone);

当您克隆一行时，它会复制所有内容，并且当再次添加日期选择器时，它会按 id 调用输入，您必须删除 id 以便下一个日期选择器可以为输入分配一个新的 id :)

Answer 2

你应该喜欢destroy，datepickerclone element

var $clone=$(".datepicker").clone();
$clone.datepicker('destroy').removeClass('hasDatepicker');
$('form').append($clone);