es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

La ventana del selector de fechas no se cierra.

Tengo un selector de fechas, pero cuando hago clic en el campo del selector de fechas y no elijo ninguna fecha, al salir del campo el selector de fechas no se cierra. Además, este problema solo ocurre en Internet Explorer.

Mi código es el siguiente;

@Html.TextBox("Birthdate", null, new { @class = "form-control date-picker input-mask-date", placeholder = "Doğum Tarihi", required = true, id = "dtBirthDate" })

Lado del script;

$(".input-mask-date").mask("99.99.9999");

Si no elijo ninguna fecha y luego salgo del campo, el selector de fechas no se cierra.

enter image description here

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Parece que estás enfrentando un problema con tu selector de fechas donde la ventana no se cierra si no se elige una fecha y haces clic fuera del campo de entrada. Este problema parece estar presente únicamente en Internet Explorer.

    Una posible solución a este problema puede ser agregar el siguiente código a la sección de tu script:

    $('#dtBirthDate').datepicker({
        autoclose: true
    });
    

    Este código aseguraría que la ventana del selector de fechas se cierre automáticamente cuando se elija una fecha o cuando hagas clic fuera del campo de entrada. La opción autoclose está establecida en true y maneja el comportamiento de cierre de la ventana.

    Además, mencionaste que estás utilizando la clase input-mask-date para dar formato al campo de entrada de la fecha. Es importante tener en cuenta que esta clase puede entrar en conflicto con el comportamiento predeterminado del selector de fechas. Por lo tanto, puedes intentar eliminar la clase input-mask-date y en su lugar agregar una opción dateFormat al código del selector de fechas para dar formato a la fecha de entrada.

    $('#dtBirthDate').datepicker({
        autoclose: true,
        dateFormat: 'dd.mm.yyyy'
    });
    

    Este código daría formato a la fecha de entrada en el formato ‘dd.mm.yyyy’ sin necesidad de la clase input-mask-date.

    Espero que esto ayude a resolver tu problema.

Comments are closed.