Динамически создаваемые ячейки таблицы.
 

Здравствуйте.

Проблема с динамически создаваемыми ячейками таблицы.

Есть такая таблица:

<div class="table-responsive">
        <form method="post">
            <table class="table table-hover table-condensed table-bordered">
                <thead>
                <tr>
                    <th class="active">Document</th>
                    <th class="active">Number</th>
                    <th class="active">issued</th>
                    <th class="active">Expiry</th>
                    <th class="active">Country</th>
                    <th class="active">Link</th>
                    <th class="active"></th>
                </tr>
                </thead>
                <tbody>
                <tr class="information_json_plus">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td><span class="btn btn-success plus pull-right">+</span></td>
                </tr>
                </tbody>
            </table>
            <button type="submit" name="bg">Get</button>
        </form>
    </div>

В ней добавляю ячейки динамически:

// формируем новые поля
        jQuery('.plus').click(function(){
            jQuery('.information_json_plus').before(
                '<tr>' +

                '<td> <select name="doctype[]" class="form-control"><option value="">Select document</option>'+
                    "<?php foreach ($typedocs as $k => $val) echo "<option value='$val'>$val</option>";?>" +'<select> </td>'+


                '<td> <input type="text" name="docnum[]" placeholder="Enter number" value="" class="form-control"/> </td>'+


                '<td><div class="input-group date" id="doc_issued"><input type="text" name="doc_issued[]" id="doc_issued"'+
                'placeholder="Select dates" value="" class="form-control"/><span class="input-group-addon">'+
                '<span class="glyphicon glyphicon-calendar"></span></span></div></td>'+


                '<td><div class="input-group date" id="doc_expiry"><input type="text" name="doc_expiry[]" '+
                'placeholder="Select dates" value="" class="form-control"/><span class="input-group-addon">'+
                '<span class="glyphicon glyphicon-calendar"></span></span></div></td>'+


                '<td><select name="doc_country[]" id="doc_country" class="form-control"><option value="">Select country</option>'+
                "<?php foreach ($Country as $k => $val) echo "<option value='$val'>$val</option>";?>"+'<select></td>'+


                '<td> <input id="input-id" name="add_app[]" type="file" placeholder="Click to Browse... button" class="file" ' +
                'data-show-upload="false" data-show-preview="false" /> </td>'+


                '<td><span class="btn btn-danger minus pull-right">&ndash;</span></td>' +
                '</tr>'
            );

        // on - так как элемент динамически создан и обычный обработчик с ним не работает
        jQuery(document).on('click', '.minus', function(){
            jQuery( this ).closest( 'tr' ).remove(); // удаление строки с полями
        });
    });

Пытаюсь применить сюда плагин datatimepicker, но с динамически создаваемыми элементами он не как не хочет работать, может кто нибудь может что нибудь подсказать или хотя бы в каком направлении?

/*
        $(function () {
            //Идентификатор элемента HTML (например: #datetimepicker1), для которого необходимо инициализировать виджет "Bootstrap datetimepicker"
            $('#doc_issued').datetimepicker(
                {
                    pickTime: false,
                    language: 'en'
                }
            );

            $('#doc_expiry').datetimepicker(
                {
                    pickTime: false,
                    language: 'en'
                }
            );
*/

p.s.: в js практически полный ноль...

Прошу прощения, сам не заметил.
Оказалось проще - нужно было для класса создавать...

$('.picker').datetimepicker(
                {
                    pickTime: false,
                    language: 'en'
                }
            );