jquery - ejemplos - Datetimepicker no llama/vincula correctamente después de eliminar el campo de entrada dinámica

datepicker php

Question

Estoy usando jquery datetimepicker con la siguiente versión

JQuery v1.7.2
JQuery UI - v1.10.3
jQuery timepicker addon V1.3

En un módulo, estoy creando un campo de entrada de forma dinámica haciendo clic en "+" , así como vinculando el datetimepicker para aquellas entradas que se crean dinámicamente, así como eliminando ese campo de entrada haciendo clic en "-" .

Mis campos de entrada dinámicos siempre crean como a continuación:

datepickerfrom_1_1
datepickerfrom_1_2
datepickerfrom_1_3
datepickerfrom_1_4
datepickerfrom_1_5
.
.
.

Estoy vinculando el datetimepicker usando jQuery como se muestra a continuación:

$(window).load(function() {
    $(''body'').on(''focus'', ''input[id^="datepickerfrom"]'', function() { // Id''s Containing "datepickerfrom" string, bind the datetimepicker
        $(this).datetimepicker({
            dateFormat: ''yy-mm-dd'',
            timeFormat: ''HH:mm:ss''
        });
    });
}); 

El script(datetimepicker) funciona bien cuando se crea una entrada dinámica.

Problema: estoy agregando un campo de entrada dinámico haciendo clic en "+" , luego eliminé algunas de las entradas haciendo clic en "-" , de nuevo estoy agregando algunos campos de entrada dinámicos. La segunda vez que se creó el campo de entrada no se llama / vincula el datetimepicker correctamente.

¿Cuál podría ser el problema? ¿Cómo puedo resolverlo?

Answer 1

Acabo de probarlo en jsfiddle y funcionó, aquí está el enlace: http://jsfiddle.net/juTRR/

Si conoce su problema, reprodúzcalo en jsfiddle para que podamos ver de qué se trata, porque no lo veo. Tal vez intente usar $(document).ready lugar de $(window).load , es lo único que he cambiado. O tal vez el problema esté en las funciones de agregar y eliminar, de ser así, debes ponerlas en tu publicación.

Answer 2

Creo que el problema es el contexto de jquery en la función ''on''. En la función jquery.on usa $ (this). $ (esto) se referirá a su selector principal: $ (''cuerpo'').

Has probado:

$(''input[id^="datepickerfrom"]'').on(''focus'', function() {

Los ejemplos muestran que necesita un campo de entrada. Así que supongo que $ (''input [id ^ = "datepickerfrom"]'') es tu campo de entrada.