Diseñar la introducción de fechas

Tiempo de lectura estimado : 1 min · Publicado 2026-10-07

Qué comprobar

Explique el formato esperado y permita introducir la fecha sin depender exclusivamente del calendario. Compruebe teclado, fechas imposibles y límites de reserva. Distinga fecha local e instante con zona horaria. Mantenga el valor introducido y dé un error que permita corregirlo.

Documentos de referencia

MDN — HTML date input
W3C WAI — Date picker example
W3C WAI — Date picker dialog example · Fuente consultada 2026-10-08

Contenido actualizado 2026-10-08

Anote los controles y los resultados en el registro de pruebas web

Matriz de validación funcional para adaptarse al proyecto

Estos controles propuestos utilizan casos ficticios. Decida qué comportamiento se espera con el equipo, anote el resultado y asigne discrepancias no resueltas antes de la publicación.

Desplace la tabla horizontalmente para leer todas las columnas. Con el teclado, sitúe el foco en la tabla y use las flechas.

Casos de prueba, resultados esperados y evidencia útil
Caso	Resultado esperado	Prueba para mantener
Introducir una fecha imposible y cancelar el calendario	El error indica el formato esperado; cancelar conserva la fecha anterior y devuelve el foco.	Valor ficticio, mensaje de error y valor conservado.