En el sitio web actualmente estoy trabajando tengo un formulario para agregar un evento. Este evento necesidades de la fecha que el usuario selecciona usar un jQuery datepicker. Una fecha que sólo puede tener uno de los eventos. Así que quiero ver la fecha en que el usuario inserte en el selector de fechas. He intentado hacer esto al tener el valor después de que el usuario ha seleccionado la fecha. El problema es, sin embargo, la datepickers no actualización de su valor de inmediato.

Hice un JSFiddle para mostrar el problema. Cuando seleccione una fecha en el lapso de actualizaciones y muestra el valor del selector de fecha. Pero como puedes ver, la primera vez que está en blanco, y la segunda vez que muestra la anterior fecha seleccionada. Así que el datepickers no es la actualización del valor de inmediato. ¿Cómo puedo solucionar este problema?

Miré por otros similares preguntas aquí en stackoverflow pero sus soluciones no funciona para mí.

JSFiddle: http://jsfiddle.net/kmsfpgdk/

HTML:

<input type="text" id="datepicker" name="date" />
<span id="data"></span>

JS:

$('#datepicker').datepicker();

$('#datepicker').blur(function () {
    var val = $(this).val();
    $('#data').text(val);
});

2 Comentarios

  1. 7

    Su mejor uso, construido en el método onSelect:fn a utilizar:

    $('#datepicker').datepicker({
       onSelect: function () {
           $('#data').text(this.value);
       }
    });

    El violín


    Como por la documentación:

    onSelect

    Llama cuando el selector de fechas seleccionado. La función recibe la fecha seleccionada como texto y el datepicker de instancia como parámetros. este se refiere al campo de entrada asociado.

    • Yo como que mejor.
    • Gracias!
    • Perfecto! Usted me ayudó a resolver el problema y el código más limpio. Gracias!
    • El problema con esta versión es que no funciona con la introducción manual de datos. Si las fichas de usuario o clics de distancia sin tocar el selector de fecha, la actualización de la función no se activará.

Dejar respuesta

Please enter your comment!
Please enter your name here