Datetimepicker 不适用于追加表单的元素 javascript

Question

我有一个输入日期，这个输入像这样从 js 追加

    var inputdate = '<input type="text" name="date[]" class="form-control date" placeholder="Input date"';
    $("form").append(inputdate);

而 html 代码是这样的：

    <form method="POST">
       ...
    </form>

初始化日期时间选择器

$('.date').datetimepicker({
       format: 'YYYY-MM-DD'
});

输入元素追加成功，另一个输入日期的表单与datetimepicker一起工作。但是从js追加的元素没有显示datetimepicker，有没有错误？

Answer 1

我想你错过了一件事。

var inputdate = '<input type="text" name="date[]" class="form-control date" placeholder="Input date"';

它应该在字符串末尾有 >。

初始化代码应该在我们将inputDate追加到$('form')后重新执行。

所以代码应该是：

var inputdate = '<input type="text" name="date[]" class="form-control date" placeholder="Input date">';

$("form").append(inputdate);

$('.date').datetimepicker({format: 'YYYY-MM-DD'});

Datetimepicker 不适用于追加表单的元素 javascript

Datetimepicker did not work on element that append form javascript

html

javascript

jquery

datetimepicker