Calendar clone

by Akram kamal

HTML

<table id="TextBoxesGroup">
    <tr class="addrows">
        <td>Start Date:</td>
        <td>
            <input type="text" name="StartDate[]" class="datepicker" value="" autocomplete="off" size="6">
        </td>
        <td>End Date:</td>
        <td>
            <input type="text" name="EndDate[]" class="datepicker" value="" autocomplete="off" size="6">
        </td>
    </tr>
</table>
<table>
    <tr>
        <td>
            <input type="button" id="addButton" value="+" />
        </td>
    </tr>
</table>

JavaScript

$(function () {

    var newRow = $(".addrows").clone();

    $(".datepicker").datepicker();
    $("#addButton").on("click", function () {

        newRow.clone().appendTo("#TextBoxesGroup tbody").find(".datepicker").datepicker();
    });
});