时间选择在jquery中不起作用

Question

我的邮编在下面。我为表体(tbl_body)追加了html代码。有时间选择字段，如fe_date和fs_date。但是时间选择窗口没有显示。请帮帮我。

$.post("<?php echo base_url('controller/function_name') ?>", {'cid': cid},
    function (data)
    {
        if (data.length > 0) {
            $('#tbl_body').find('tr').remove();
            for (j = 0; j < data.length; j++) {
                $('#att_st_time'+(j+1)).datetimepicker({pickDate: false});
                $('#att_end_time'+(j+1)).datetimepicker({pickDate: false});
                $('#tbl_body').append("<tr><td style='width:14%;text-align: center'>" + (j + 1) + "</td><td style='width:25%;text-align: center'><input class='form-control' id='att_st_time"+(j+1)+"' data-validation='required' data-validation-error-msg-required='Empty is field' type='text' name='fs_date' time-format='H:M:S' value='" + data[j]['ttlc_starttime'] + "'> </td><td style='width:25%;text-align: center'><input class='form-control' id='att_end_time"+(j+1)+"' data-validation='required' data-validation-error-msg-required='Empty is field' type='text' name='fe_date' time-format='H:M:S' value='" + data[j]['ttlc_endtime'] + "'></td></tr>");
            }

        }
    },
    "json"
);

Answer 1

将类添加到input中，如class="form-control date-picker"

然后尝试添加以下代码。

$(document).on('focus',".date-picker", function(){
    $(this).datetimepicker();
});