hola amigos del foro tengo el siguiente script que genera campos dinamicos al pulsar un boton, quiero a uno de los campos que se llama fecha de nacimiento colocarle la propiedad de datepicker de jquery , lo e intentado cambiendo el id por class para que la propiedad sea asignada a los campos pero no funciona aqui el codigo:
var counter = 0;
var limit =5;
$(function() {
$('.bod1').datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
changeYear: true,
buttonImage: '/calendar.gif',
buttonImageOnly: true,
yearRange: '-113:+0'});
});
function addInput(divName){ <!--Script que crea los campos para los hijos de forma dinamica -->
if (counter == limit) {
alert("¡NUMERO MAXIMO DE DESCENDIENTES ALCANSADO!");
;
}
else {
var newdiv = document.createElement('div');
newdiv.innerHTML = "<div id='hijo'><table id='hijo'><tr><td>-Descendiente:<td> </tr>"
+ " <tr><td>Nombre(s) </td> <td><input type='text' name='a[]' ></td></tr>"+
" <tr> <td>Apellido(s) </td> <td><input type='text' name='b[]' ></td> </tr>"+
"<tr id='error[]'> </tr>"+"<tr> <td>fecha de nacimiento </td> <td><input class='bod1' type='text' name='c[]'></td> </tr>"+
"<tr><td>Nacionalidad</td><td><input type='text' name='d[]'></td> </tr>"
+" <tr><td> Genero</td> <td> <select name='e[]'><option value='Masculino'> Masculino </option> <option value='Femenino'>Femenino</option> </select></td></tr>" +
" <tr> <td>Documento de Identificación </td> <td> <select name='f[]'><option value='Pasaporte'> Pasaporte </option> <option value='Cedula-e'>Cedula-e</option> <option value='otro'>Otro</option> </select></td></tr>"
+" <tr> <td>Numero documento de Identificación</td> <td><input type='text' name='g[]'></td> </tr>"+
"<input type='hidden' name='h[]' value='descendiente' ></table><br>"+"</div>" ;
document.getElementById(divName).appendChild(newdi v);
counter++;
}
}
function removeDiv(divId) { <!--funcion que elimina a los campos creados de forma dinamica -->
$("#"+divId).remove();
counter=counter-1;
}
<input type="button" value="Agregar Descendientes:hijo(a)" onClick="addInput('dynamicInput');">
<input type="button" value="Eliminar Descendientes:hijo(a)" onclick="removeDiv('hijo');">
<div id="dynamicInput">
</div>
cualquier ayuda es muy apreciada
