[SOLUCIONADO] Problema con datepicker al clonar filas en tabla html

[adrigonzalez]

Hola chicos saludos, tengo un problemita con una tabla html y el datepicker jquery. Les explico, tengo una tabla con las columnas Fecha, Horario y Turno. La columna Fecha es un input con la clase .fecha que genera el datepicker para que el usuario seleccione la fecha deseada.
Asi mismo a esta tabla se le pueden agregar cuantas filas el usuario desee con un codigo js que clona la fila principal. Mi problema radica en que al momento de clonar la fila, el input con clase .fecha no funciona el datepicker. Sera que me puedan dar una manito para solucionarlo. Muchas gracias a todos de antemano

El codigo de la tabla es el siguiente
<table id="tabla">
<!-- Cabecera de la tabla -->
<thead>
<tr>
<th>Fecha</th>
<th>Horario</th>
<th>Turno</th>
<th>&nbsp;</th>
</tr>
</thead>
<tbody>
<tr class="fila-base">
<td><input type="text" class="fecha" name="fecha[]" /></td>
<td><input type="text" name="horario[]"/></td>
<td>
<select class="turno" name="turno[]">
<option value="0">- Turno -</option>
<option value="AM">Mañana</option>
<option value="PM">Tarde</option>
</select>
</td>
<td class="eliminar">Eliminar</td>
</tr>
</table>
<br />
<!-- Botón para agregar filas -->
<input type="button" id="agregar" value="Agregar fila" />
<input type="submit" value="Aceptar" />

Y este es el codigo js para clonar dicha tabla

<script type="text/javascript">
$(function(){
// Clona la fila oculta que tiene los campos base, y la agrega al final de la tabla
$("#agregar").on('click', function(){
$("#tabla tbody tr:eq(0)").clone().removeClass('fila-base').appendTo("#tabla tbody");
});

// Evento que selecciona la fila y la elimina
$(document).on("click",".eliminar",function(){
var parent = $(this).parents().get(0);
$(parent).remove();
});
});
</script>

[marcelocuiza_de]

el datepicker de jquery asigna un id al elemento que lo invoca,
al clonar un elemento, también clonas todos sus elementos y atributos, por lo tanto el id que es asignado por el datepicker tambien es clonado y al tener mas de un elemento con el mismo id, esto ocasiona problemas..

la solucion, elminirar el id del elemento que invoca al datepicker antes de ser clonado

Código Javascript:

$("#agregar").on('click', function(){
  
     $("#tabla tbody tr:eq(0)").find(".fecha").datepicker('destroy').removeAttr('id');
     cloneRow = $("#tabla tbody tr:eq(0)").clone().removeClass('fila-base').appendTo("#tabla tbody");
     cloneRow.find("td:eq(0) input").datepicker();
     //$("#tabla tbody tr:eq(0)").find(".fecha").datepicker();
});
 

espero te sirva,
salu2

[adrigonzalez]

Hola marcelocuiza_de millones de gracias! efectivamente ese era el problema, Solucionado :D