添加新行动态引导日期时间选择器不起作用

Add new row dynamically bootstrap-datetimepicker not working

本文关键字：时间 选择器 不起作用 日期 新行 动态 添加      更新时间：2023-09-26

我有一个表格：

<tr>
<td><div class="form-group"><div id="date" class="input-group date"><input type="text" class="form-control"><span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span></div></div></td>
<td><a href="#" class="btn btn-danger btn-sm"><span class="glyphicon glyphicon-trash"></span></a></td>
</tr>

我使用该按钮动态创建新行：

    $("#addInt").click(function() {
        $("#intTbl").each(function () {
            var tds = '<tr>';
            $.each($('tr:last td', this), function () {
                tds += '<td>' + $(this).html() + '</td>';
            });
            tds += '</tr>';
            if ($('tbody', this).length > 0) {
                $('tbody', this).append(tds);
            } else {
                $(this).append(tds);
            }
        });
    });

我使用 bootstrap-datetimepicker 在表单中创建日期字段，但是当我动态添加新行时，日期字段不起作用。

试试这个：

<tr>
<td><div class="form-group"><div class="input-group date"><input type="text" class="form-control"><span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span></div></div></td>
<td><a href="#" class="btn btn-danger btn-sm"><span class="glyphicon glyphicon-trash"></span></a></td>
</tr>
$('body').on('focus',".date", function(){
    $(this).datetimepicker();
});​

而不是：

$('#date').datetimepicker();
相关文章：