0

Al momento muestra de la siguiente manera:

introducir la descripción de la imagen aquí

Y requiero que me muestre el campo Hora a continuación del campo fecha:

introducir la descripción de la imagen aquí

Adjunto parte del código que estoy usando del .ejs:

            <div class="form-group">
              <div class="col-md-3">
                <label for="fecha">Fecha</label>
                <input type="date" class="form-control" id="fecha" name="fecha" step="1" required>
              </div>
              <div class="col-md-3">
                <label for="hora">Hora</label>
                <input type="time" class="form-control" id="hora" name="hora" step="1" autocomplete=”on” autofocus=”autofocus” required>
              </div>
            </div>

            <div class="row justify-content-center">
              <div class="col-md-12">
                <button type="submit" class="btn btn-success text-secundary">Guardar</button>
              </div>
            </div>

1 respuesta 1

0

Básicamente tu contenedor de los dos inputs no es flexible, estás usando el sistema de grid de Boostrap, sus columnas y rows, pero no estás cubriendo tus inputs de columna por una row, nada más necesitas agregarle la clase row a el div que es form-group, tu html quedaría así

     <div class="form-group row">
              <div class="col-md-3">
                <label for="fecha">Fecha</label>
                <input type="date" class="form-control" id="fecha" name="fecha" step="1" required>
              </div>
              <div class="col-md-3">
                <label for="hora">Hora</label>
                <input type="time" class="form-control" id="hora" name="hora" step="1" autocomplete=”on” autofocus=”autofocus” required>
              </div>
            </div>

            <div class="row justify-content-center">
              <div class="col-md-12">
                <button type="submit" class="btn btn-success text-secundary">Guardar</button>
              </div>
            </div>

1

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.