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> </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>