[SOLUCIONADO] datepicker usando un input dinamico

[nx00]

Hola,

estoy usando la siguiente librería para añadir un datepicker a un campo input.
http://www.eyecon.ro/bootstrap-datepicker/

Los inputs creados al cargar la pagina funcionan sin problemas, pero los inputs que se generar dinamicamente no funcionan.

Este problema lo he resuelto normalmente con la función .live() y en la ultimas versiones de jquery con .on().

Por desgracia después de unos cuantos intentos no he conseguido hacer funcionar la función datepicker con elementos generados dinamicamente.

Agradezco cualquier ayuda.

[Alexis88]

Cuando generes un nuevo elemento, aplícale ahí mismo el widget datepicker para que surta efecto.

Saludos

[nx00]

Gracias.

¿Como puedo hacer eso?

[Alexis88]

Muestra el código que tienes elaborado para crear esos elementos dinámicos, es la única manera para poder ayudarte. No olvides usar el highlight de JavaScript.

Saludos

[nx00]

Los elementos se crean utilizando una llamada ajax

Código Javascript:

$.ajax({
           url:'./index.php',
           type:'POST',
           success:function(data) {
              $("#ID").html(data);
           }
       });
 

En la variable data llega entre otras cosas esto:

Código HTML:

<input type="text" id="fecha" />
 

Para asignar a este input el datepicker utilizo este código:

Código Javascript:

$(document).on('click',"#fecha", function(){
       $(this).datepicker(
        {
             format:'dd/mm/yyyy',
             language:'es',
             weekStart:1
         }); 
    });
 

[Alexis88]

Si la variable data contiene al elemento, aplícale el widget directamente:

Código Javascript:

$("#ID").html($(data).datepicker({
    format:'dd/mm/yyyy',
    language:'es',
    weekStart:1
}));
 

Por cierto, no es correcto que asignes el mismo id a todos los elementos que vayas añadiendo, recuerda que ese debe de ser un dato único.

Saludos

[nx00]

Muchas gracias por tu ayuda.
Justo con el código que me indicaste obtenia este error:

TypeError: date is undefined in bootstrap-datepicker


Utilizando el siguiente código ha funcionado

Código Javascript:

$("#ID").html(data).contents().find("#IDinputFECHA").datepicker({
       format:'dd/mm/yyyy',
        language:'es',
        weekStart:1
});
 

[Alexis88]

Ya veo. Sucede que en tu variable data no solo se encontraba ese <input> sino también otros elementos. La forma que muestras es válida, aunque insisto en que asignar el mismo id a más de un elemento es incorrecto, aunque funcione.

Saludos

[nx00]

Gracias por todo Alexis88. Sigo tu consejo y evito repetir IDs en los inputs, seguro que así me evito problemas en el futuro.