3

Tengo el siguiente código aplicado a un input de tipo text al que se le aplica una máscara de tipo fecha con formato dd/mm/yyyy:

/**
 * Aplicar la máscara de fecha a todos los elementos con clase ´mask-date´
**/
$('.mask-date').inputmask('dd/mm/yyyy', {'placeholder': 'dd/mm/yyyy'});

$('#embarazada_fechaUltimaMenstruacion').on('keyup', function (e) {
            moment.locale('es');
            var f = $(this).val();
            console.log(f);
            var fum = moment(f, 'DD/MM/YYYY');
            if (fum.isValid()) {
                $.get(Routing.generate('embarazadas_calcular_posibleEG', {'f': fum.format("YYYY-MM-DD")}), function (r) {
                    console.log(r);
                    $('#infoEG').html(r);
                });
            }
        });

La cuestión es que moment.js me toma como válida todas las fechas a medida que se completa el formato de la máscara aplicada, porque internamente el objeto fecha creado por moment.js se va completando con los componentes de fecha del día actual, y por tanto siempre es válido el valor evaluado dentro de la función y la petición $.get se realiza tantas veces hasta que se complete la fecha, lo que hace poco óptimo el código. Cómo evito se realice la petición hasta que realmente la máscara de fecha se haya completado??

1 respuesta 1

2

Cambia el evento keyup por uno que indique mejor que el usuario ya terminó. Digamos, cuando el campo pierda el foco. Eso sería blur.

$('#embarazada_fechaUltimaMenstruacion').on('blur', function (e) {
            moment.locale('es');
            var f = $(this).val();
            console.log(f);
            var fum = moment(f, 'DD/MM/YYYY');
            if (fum.isValid()) {
                $.get(Routing.generate('embarazadas_calcular_posibleEG', {'f': fum.format("YYYY-MM-DD")}), function (r) {
                    console.log(r);
                    $('#infoEG').html(r);
                });
            }
        });

La otra opción es usar la función focusout que es equivalente

$('#embarazada_fechaUltimaMenstruacion').focusout(function (e) {
            moment.locale('es');
            var f = $(this).val();
            console.log(f);
            var fum = moment(f, 'DD/MM/YYYY');
            if (fum.isValid()) {
                $.get(Routing.generate('embarazadas_calcular_posibleEG', {'f': fum.format("YYYY-MM-DD")}), function (r) {
                    console.log(r);
                    $('#infoEG').html(r);
                });
            }
        });
2
  • Perfecto!!! Me sirvió focusout.
    – Francisco
    Commented el 5 dic. 2022 a las 19:40
  • @Francisco súper! recuerda entonces marcar la respuesta como aceptada, así otros sabrán cuál es la solución a este problema
    – Alfabravo
    Commented el 5 dic. 2022 a las 19:41

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.