javascript - 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'
});

输入元素成功附加，并且具有输入日期的其他表单与日期时间选择器一起使用。 但是从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'});