jQuery Flatpickr 在克隆元素中不起作用

Question

这是 Flatpickr 的加载方式：

 flatpickr(".ui-date", {
            dateFormat: 'd-m-Y',
        });

我正在克隆一个元素（点击按钮）：

var clone = $('.medereiziger-hidden .sub-form.border.companion').last().clone();

在这个元素内部，有一个使用 Flatpickr 的日期选择器。

并将此克隆附加到页面：

clone.appendTo($('.medereizigerssection .sub-form.border.companion').last().parent());

现在，当我想使用其中一个日期选择器时，原来的非克隆的可以工作，但克隆的却不行。控制台日志中没有错误。

我该如何解决这个问题？

代码 sn-p 基于@Bhushan Kawadkar 他的回答：

var uiDate = clone.find(".ui-date");
        if(uiDate){
            flatpickr(uiDate, {
                dateFormat: 'd-m-Y',
            });
        }

这正在创建“o.getAttribute 不是函数”错误（flatpickr，第 2 行。）

Answer 1

您需要在克隆对象上再次调用 flatpicker，因为它不会自动应用 flatpicker

尝试下面的代码，但要确保克隆应该与原始.ui-date html 的结构相同

flatpickr(clone, {
            dateFormat: 'd-m-Y',
        });