javascript - español - datepicker mindate

Añadiendo una nueva fila, el enlace de datepicker a cloumn funciona de manera extraña

Question

Estoy tratando de agregar una nueva fila al hacer clic en el botón. En mi nueva fila hay un Textbox con el que quiero vincular datepicker pero no puedo. Por favor, ayúdame a resolver este problema.

<table>
     <tr>
     <td><button type="button" onClick ="addRow(this)">Add</button></td>
     </tr>
     <tr>
     <td><input type="text" name="installDate" value="" class ="date"/> </td>        
     </tr>
</table>

JavaScript

$(document).on(''click'', function() {
$(''.date'').each(function() {
        $(this).datepicker();
});
});

function addRow(btn) {         
    var parentRow = btn.parentNode.parentNode;
    var table = parentRow.parentNode;
    var rowCount = table.rows.length;
    var lastRow = table.rows[rowCount - 1];
    var rowClone = lastRow.cloneNode(true);
    table.appendChild(rowClone);
    $(''.date'', rowClone).datepicker(); // Code to fix the problem
}

Seq1: Add Row => Haz clic en el cuadro de texto de newRow, el calendario aparece y todo funciona bien.

Seq2: 1. Haga clic en el documento y luego pruebe en el cuadro de texto de la fila original, luego aparece el calendario. 2. Agregue una nueva fila. 3. Ahora haga clic en el cuadro de texto de la nueva fila, el calendario nunca aparece para seleccionar la fecha.

Adjuntar JSFiddle para referencia http://jsfiddle.net/wAyhm/9/

Answer 1

Esto es lo que estás buscando:

¿Cómo clonar los elementos que han sido vinculados por un widget jQuery UI?

Violín de trabajo:

http://jsfiddle.net/Meligy/DKtA6/6/

window. addRow = function addRow(btn) {         
    var parentRow = btn.parentNode.parentNode;
    var table = parentRow.parentNode;
    var rowCount = table.rows.length;
    var lastRow = table.rows[rowCount - 1];
    var lastDatePicker = $(''.date'', lastRow);
    var rowClone = $(lastRow).clone(true);
    var datePickerClone = $(''.date'', rowClone);
    var datePickerCloneId = ''test-id'' + rowCount;
    datePickerClone.data( "datepicker", 
        $.extend( true, {}, lastDatePicker.data("datepicker") ) 
    ).attr(''id'', datePickerCloneId);
    datePickerClone.data(''datepicker'').input = datePickerClone;
    datePickerClone.data(''datepicker'').id = datePickerCloneId;
    $(table).append(rowClone);
    datePickerClone.datepicker();
}