日期时间选择器不'；从Javascript动态生成时不会弹出

我正面临着这个问题

问题：当我尝试在HTML中添加静态代码时，效果很好。弹出窗口（日期时间选择器）出现，甚至功能也很好。但是，当我尝试使用Javascript生成相同的HTML时，它失败了。仅显示“输入”文本框。但是，弹出窗口没有出现。我做错了什么

这是我的静态HTML代码（这很有效）

<div class="col-sm-9">
<input size="16" type="text" value="2016-04-15 14:45" readonly class="form_datetime">
</div>

tableStr += '<td>\
<input size="16" type="text" value="2016-04-15 10:00" readonly class="form_datetime" id="dealstarttime'+i+'">\
</td>\
<td>\
<input size="16" type="text" value="2016-05-15 10:00" readonly class="form_datetime" id="dealendtime'+i+'">\
</td>';

$(".form_datetime").datetimepicker({format: 'yyyy-mm-dd hh:ii'});

---

正如Kartikeya在评论中所建议的

我通过在动态生成HTML的循环末尾添加这行代码，重新初始化了datetime选择器

我的代码现在看起来像这样-

function generatePickers() {
    for (var i = 0; i < deals.length; i++) {

        tableStr += '<td>\
            <input size="16" type="text" value="2016-04-15 10:00" readonly class="form_datetime" id="dealstarttime' + i + '">\
            </td>\
            <td>\
            <input size="16" type="text" value="2016-05-15 10:00" readonly class="form_datetime" id="dealendtime' + i + '">\
            </td>';

    }

    //I ADDED THIS PIECE OF CODE, and now it WORKS!
    $(".form_datetime").datetimepicker({
        format: 'yyyy-mm-dd hh:ii'
    });
}

函数生成器（）{
对于（变量i=0；i

正如Kartikeya在评论中所建议的

我通过在动态生成HTML的循环末尾添加这行代码，重新初始化了datetime选择器

我的代码现在看起来像这样-

function generatePickers() {
    for (var i = 0; i < deals.length; i++) {

        tableStr += '<td>\
            <input size="16" type="text" value="2016-04-15 10:00" readonly class="form_datetime" id="dealstarttime' + i + '">\
            </td>\
            <td>\
            <input size="16" type="text" value="2016-05-15 10:00" readonly class="form_datetime" id="dealendtime' + i + '">\
            </td>';

    }

    //I ADDED THIS PIECE OF CODE, and now it WORKS!
    $(".form_datetime").datetimepicker({
        format: 'yyyy-mm-dd hh:ii'
    });
}

函数生成器（）{
对于（变量i=0；i

在dom中添加html后，您必须重新初始化datetimepicker。我知道这不是问题的答案，但我可以建议您使用

吗？KartikeyaKhosla您的意思是我必须执行

$（“.form_datetime”）.datetimepicker（{.format:'yyyy-mm-dd hh:ii'）在
表TR
末尾之后？我使用一个循环来填充表，比如说10个这样的日期时间选择器。所以，我需要把这段代码放在循环中，对吗？@bozzmob..不，只要在添加完所有html后在循环后重新初始化datetimepicker。@KartikeyaKhosla非常感谢。我这样做了，它成功了：）在dom中添加html后，你必须重新初始化datetimepicker。我知道这不是问题的答案，但我可以建议使用
，你可以走了吗？@KartikeyaKhosla你的意思是我必须做
$（“.form_datetime”）。datetimepicker（{format:'yyyy-mm-dd hh:ii'）在
表TR
末尾之后？我使用一个循环来填充表，比如说10个这样的日期时间选择器。所以，我需要把这段代码放在循环中，对吗？@bozzmob..不，只要在添加完所有html后在循环后重新初始化datetimepicker。@KartikeyaKhosla非常感谢。我做到了，而且成功了：）