0

quisiera saber la forma de que me aparezca el calendario al momento de seleccionar el fondo blanco de el input date, normalmente lo hago así:

 <input type="date" value="" class="form-control">

introducir la descripción de la imagen aquí

3
  • 1
    ¿Qué has intentado? Commented el 26 jul. 2021 a las 15:35
  • Lo que dices esa es la función predeterminada del input type date. No te está funcionado o cual es el inconveniente?
    – MR Dev
    Commented el 26 jul. 2021 a las 21:39
  • Si funciona el input, lo malo es que tengo que seleccionar el icono de el calendario para que aparezca, y lo que quiero es que me aparezca cuando seleccione cualquier parte
    – JMM
    Commented el 27 jul. 2021 a las 0:50

2 respuestas 2

0

Ya ha pasado tiempo desde que realizaste la pregunta, pero dejo la forma que lo solucione yo por si alguien más lo necesita. Solo agregue las siguientes clases.

.input-container input {
    border: none;
    box-sizing: border-box;
    outline: 0;
    padding: .75rem;
    position: relative;
    width: 100%;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

Aquí lo encontré https://stackoverflow.com/questions/51334960/how-to-show-calendar-popup-when-inputtype-date-is-on-focus

0

Justo estoy buscando esa respuesta, sin tener que usar un tipo de framework. si llegaste a solucionarlo compartelo

2
  • Hola Noel, esta es la zona de respuestas, por favor, borra este comentario para evitar recibir votos negativos. Commented el 4 feb. 2023 a las 6:24
  • Esto realmente no responde a la pregunta. Si tienes una pregunta diferente, la puedes formular haciendo clic en Formular una pregunta. También puedes ofrecer una recompensa para atraer más atención a esta pregunta cuando tengas suficiente reputación. - Desde revisión
    – OCHOA
    Commented el 4 feb. 2023 a las 9:34

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.