Question

表中带有添加行的jQuery时间选择器和日期选择器。带有日期选择器和时间选择器以及唯一ID的jQuery Clone。在此演示中，我无法在编辑以下任何行后显示日期选择器克隆的文本框，请帮助我输入错误代码的地方。

<div class="container">//div start
    <div class="table-wrapper">
        <div class="table-title">
            <div class="row">
                <div class="col-sm-8"><h2>Add Place Details</h2></div>
                <div class="col-sm-4">
                    <button type="button" id = "btn" class="btn btn-info add-field"><i class="fa fa-plus"></i> Add New</button>
                </div>
            </div>
        </div>
        <table class="table table-bordered">
            <thead>
                <tr>
                  <th>Date</th>
                  <th>Time</th>
                  <th>Vehicle</th>
                  <th>Actions</th>
                </tr>
            </thead>
            <tbody class = "multi-fields"  id="elements">
                <tr class = "multi-field"  id="Meal_00">
                  <td>
                      <div class="content datepicker"><input type="text" id="Field_00" class = "datepicker_recurring_start"></div>
                  </td>
                  <td><div class="bootstrap-timepicker"><input type="text"  id="Field_00" class="form-control timepicker"></div></td>
                  <td><select class="vehicle form-control"><option value = "vehicle1">vehicle1</option><option value = "vehicle2">vehicle2</option><option value = "vehicle3">vehicle3</option></select></td>
                  <td><a class="add" title="Add" data-toggle="tooltip"><i class="material-icons">&#xE03B;</i></a>
                            <a class="edit" title="Edit" data-toggle="tooltip"><i class="material-icons">&#xE254;</i></a>
                            <a class="delete" title="Delete" data-toggle="tooltip"><i class="material-icons">&#xE872;</i></a>
                  </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>//div end

带有添加行的表中的jQuery时间选择器和日期选择器

0 个答案: