Buenas tardes, amigos de foros del web!
Estoy teniendo un problema con el Datepicker de Jquery.
Lo que me sucede es que tengo un form, en el que se ingresan datos para una grilla de apuestas. El mismo lo cargo teniendo una única fila, pero el usuario puede haciendo click, agregar filas dinámicamente.
Hasta ahí todo bien, el tema es que en las sucesivas filas que agrego, en las que también aparece el campo "fecha", el cual quisiera que también cuente con un datepicker, al igual que el primero que cargo.
Pero no sucede :S.
Es decir, el primer campo fecha dentro del form de la primera fila, funciona. Pero en las sucesivas filas que se agregan, no. Sencillamente aparece como un input "text" común.
Probé de insertar dentro del html, código js, haciendo alusión al id del nuevo campo fecha que agrego al añadir una fila. Pero no me dio resultado.
El código con el que lo hago es el siguiente.
La parte del form que contiene el campo fecha:
Código HTML:
<form class="derecha" action="ajax/insert_grilla.php" method="post">
<div class="grilla" id="grilla">
<table>
<tr class="centered">
<td>Disponible</td><td>Fecha y Hora</td><td>BI</td><td>Equipo</td><td>Línea de Dinero</td><td>Empate</td><td>Altas/Bajas</td>
</tr>
<tr>
<td class="narrow" rowspan=2>
<input type="checkbox" id="estado" name="estado[]" checked/>
</td>
<td> <input type="text" id="datep" name="fecha" class="datep"/></td>
<td class="narrow"><input class="chico" type="text" name="bi[]"></td>
<td><input type="text" name="equipo[]"></td>
<td><input type="text" name="linea_dinero[]"></td>
<td class="narrow"><input class="chico" type="text" name="empate[]"></td>
<td class="narrow"><input class="chico" type="text" name="altas_bajas[]"></td>
</tr>
El botón que agrega el js, está aparte, pero evidentemente, no es el causal del problema por eso lo omito.
El js, con el que agrego la otra fila.
Código:
var divGrillaClone = $('div.grilla:last').clone();
var id = $(divGrillaClone).find('.datep').attr('id');
var filas = $('#rows').val();
var id = id + filas;
$(divGrillaClone).find('.datep').attr('id', id);
$(divGrillaClone).find('.datep').attr('class', id);
$(divGrillaClone).appendTo('form.derecha');
$('script:last').text();
$('script:last').load('ajax/date_picker_gen.php', {'id': id});
y date_picker_gen.php:
Código PHP:
<?php
$id = $_POST['id'];
echo '$("#'.$id.'").datepicker({ dateFormat: \'yy-mm-dd\' })' ."\n";
?>
Como verán lo único que hago es agregar al final, en la última etiqueta script del documento, otro datepicker con el id del nuevo campo fecha que agregué, pero sin embargo, no logro que funcione.
Espero puedan ayudarme, porque estoy seguro que me estoy equivocando en algo bastante tonto, pero obviamente, no logro darme cuenta.
Gracias de antemano.
Saludos!