Question

这是我的用例：我有一个公式编写器，用户可以使用按钮进行克隆以输入新数据。该公式包括一些引导日期时间选择器this lib

问题是，如果我使用新克隆的datetimepicker，选择器将显示在原始元素上！（已从中克隆的元素）。听起来新克隆的元素仍绑定到原始元素。...

这是html的一部分：

    <div class="form-group pt-2">
      <label> date : </label>
      <div class="input-group date datetimepicker" data-min-view="2" data-date-format="dd/mm/yyyy">
        <input name="form-0-start_date" value="15/08/2018" class="form-control" id="id_form-0-start_date" type="text">
        <div class="input-group-append">
          <button class="btn btn-primary end_datepicker"><i class="icon-th mdi mdi-calendar"></i></button>
        </div>
      </div>
    </div>

这是jquery代码的一部分：

    function cloneMore(selector) {
        var newElement = $(selector).clone(true);
        $picker = newElement.find('.datetimepicker');
        console.log($picker.length);
        $picker.each(function() {
            $(this).removeClass('datetimepicker')
                   .attr('id', 'picker' + Math.random())
                   .off()
                   .datetimepicker();

        });
        $(selector).after(newElement);
        return false;
     }

感谢您的帮助！

_______________________编辑：好的，我发现了！ _______________________

感谢提供的链接！ IMO，链接的线程显示了正确的方法，KnowGe的注释显示了如何进行引导。

不幸的是，这对我不起作用...

    datetimepicker('remove')
    datetimepicker('update')

是上升错误。 当我使用引导程序主题时，我发现作者包含了操纵这些库的代码...

因此，我选择了另一个带有对象“ datepicker”的库（任何带有“ datetimepicker”的库都将与主题代码发生不良交互）。好吧，JQueryUI datepicker实际上在半小时内就完成了窍门！

通过JqueryUI datepicker，我使用了：

    datepicker('destroy');
    datepicker();

jQuery的克隆引导日期时间选择器：克隆仍然绑定到克隆的元素

0 个答案: