Crear datepicker dinamicamente con javascript

[Naahuel]

Iniciado por JAI_ME

Gracias de nuevo, ya lo he solucionado el problema ahora es que cuando genera el datepicker no me nuestra el icono de la fecha si no hasta cuando le doy clic sobre el input, como podre solucionar esto ?

Me imaginé que eso sería un problema cuando lo vi en funcionamiento, sip. Probemos otra aproximación, olvidémonos de .delegate():

Código Javascript:

$(function(){
    // cuando el DOM cargue, asignarle el datepicker a los campos de fecha
    asignarDatepicker($('.campofecha'));
  });
  
  //funciones
 function asignarDatepicker(elem){
     elem.datepicker({
              showOn: 'both',
              buttonImage: 'datepicker/calendar.gif',
              buttonImageOnly: true,
              changeYear: true,
              numberOfMonths: 1,
              changeMonth: true,
              yearRange: '-90 :+100'
      }); 
  }
  
function generafecha(){ 
  var nuevoInput = $('<input type="text" name="fecha" class="campofecha" readonly="readonly" /><br />'); //crear objeto jquery con el campo
   $('#div-dondegenero').append(nuevoInput);
  nuevoInput =  $('#div-dondegenero').find('input').last();
  asignarDatepicker(nuevoInput);
}
 

De esa forma sólo asignamos una sóla vez el datepicker y es un tantito más fácil de rastrear. Ese script no es muy óptimo realmente, pero funciona. La función que genera los inputs además de generarlos les asigna el datepicker. Acá está en funcionamiento http://jsbin.com/ipuxuf/4 y si carga la imagen apenas generas otro.

Espero esta solución sea un poco mejor :)