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());

现在，当我想使用日期选择器之一时，原来的非克隆日期选择器正在工作，而克隆却没有。控制台日志中没有错误。

我该如何解决？

基于@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',
        });

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

1 个答案: