3

Tengo un INPUT, intento que al hacer focus sobre él la fecha actual se registre automáticamente. Al hacer focus mando un mensaje para preguntar si esta seguro de registrar la fecha actual (podría haber un error de dedo) y aquí esta mi problema, pues el mensaje se repite 2 veces y no entiendo por que. El mensaje lo muestro con el plugin JQUERYCONFIRM.

$('.fecha').on('focus',function() {

    var hoy = new Date();
    var dia = hoy.getDate();
    var mes = hoy.getMonth()+1;
    var año = hoy.getFullYear();

    if(dia<10) {dia='0'+dia;} 
    if(mes<10) {mes='0'+mes;}    

    hoy = año + '-' + mes + '-' + dia;

    //$(this).val(hoy);

    $.confirm({
        theme: 'material',
        title: 'Atencion',
        content: '¿Ingresar Fecha?',
        useBootstrap: false,
        boxWidth:'300px',
        buttons:{
            Adelante: function(){ ingresarFecha() },
            Cancelar: function(){}
        }
    });

});
7
  • Hace una prueba: comenta el toda la función y solo usa un console.log("prueba"); se imprime en consola dos veces? Por que quizás es un problema de Jquery Confirm
    – Genarito
    Commented el 10 abr. 2017 a las 1:04
  • 2
    Si. Tienes razón, ya hice pruebas y el evento se dispara 2 veces solo cuando uso el jqueryconfirm. Al menos ahora se donde esta el problema, aunque aun no se como solucionarlo. Commented el 10 abr. 2017 a las 1:56
  • Probá poniendo el $.confirm en una función aparte, y llamala dentro de la función del focus
    – Genarito
    Commented el 10 abr. 2017 a las 2:09
  • Lo he intentado como me has dicho, pero sigue disparándose 2 veces :/ Commented el 10 abr. 2017 a las 2:39
  • 1
    Intentar con $(this).confirm({ ....}); para llamar a la confirmación.
    – Dev. Joel
    Commented el 10 abr. 2017 a las 3:09

1 respuesta 1

1

Si lo que quieres es asegurarte de que esa función se ejecute solo una vez cuando ocurra el evento usa unbind(), con tu código quedaría:

$('.fecha').unbind().on('focus',function() {

        var hoy = new Date();
        var dia = hoy.getDate();
        var mes = hoy.getMonth()+1;
        var año = hoy.getFullYear();

        if(dia<10) {dia='0'+dia;} 
        if(mes<10) {mes='0'+mes;}    

        hoy = año + '-' + mes + '-' + dia;

        //$(this).val(hoy);

        $.confirm({
            theme: 'material',
            title: 'Atencion',
            content: '¿Ingresar Fecha?',
            useBootstrap: false,
            boxWidth:'300px',
            buttons:{
                Adelante: function(){ ingresarFecha() },
                Cancelar: function(){}
            }
        });

    });

No obstante puedes usar en vez de unbind() la función off().

Espero que te sirva de ayuda

3
  • He probado las 2 funciones pero sigue apareciendo 2 veces el mensaje :/ Commented el 10 abr. 2017 a las 16:01
  • @OscarDíaz vaya! Entonces me dejas sin palabras, aún así... podrías facilitar tu código html y css?
    – lromeraj
    Commented el 10 abr. 2017 a las 16:06
  • Como me han comentado arriba, al parecer es un problema que tiene que ver con el plugin jqueryconfirm, porque cuando quito esa parte del código funciona bien. Y probando como me han dicho en el otro comentario esto $(this).confirm({...}) en lugar de $.confirm({...}) lo que sucede es que funciona bien mostrando 1 vez el mensaje, el problema es que entonces el evento ya solo se dispara con click y ya no con focus. No se si esto te ayude a entender mejor el problema, si no con gusto muestro el html y css. Commented el 10 abr. 2017 a las 16:16

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.