Selector de fecha Sistema de diseño

Ayuda a seleccionar fechas sin confundir el formato o el período de tiempo.

8 comprobaciones · 3 grupos de contenido

Contenido de la lista

Progreso de la revisión

Estructura y significado

Comparar información y presentación en contexto de uso.

Especificar el formato de fechaMuestra etiquetas, ejemplos y escritura de fechas en el idioma actual.No obligue a las personas que conocen la fecha exacta a hacer clic durante muchos meses.Ejemplo “Fecha de inicio – dd/mm/aaaa”, para entrada directa el 15 de noviembre de 2026.Mantenga un calendario que sea fácil de navegarIndica mes, año, nombre del día y cambios de mes etiquetados.Mantenga claros los títulos de mes y año y responda después de cambiar el mes; La fecha seleccionada y la fecha de hoy deben tener señales diferentes.Admite importación directaLe permite escribir la fecha e informar el formato incorrecto sin cambiar la fecha accidentalmente.Permite la entrada directa al seleccionar una fecha muy lejana; El error de formato debe indicar el orden del día/mes/año y conservar el valor para que el usuario lo corrija.No se puede seleccionar la fecha de explicaciónDistinga hoy, fecha seleccionada y fecha bloqueada con el motivo si es necesario.Explique por qué no se puede seleccionar la fecha, especialmente si se debe a una agenda apretada o limitada; No se limite a reducir la audacia del número.

Interacción y usabilidad

Pruebe la operación, cambie el estado y continúe trabajando.

Aclarar los dos extremos del rango de fechasSi correspondeSi selecciona un rango, indique las fechas de inicio y finalización y maneje al ingresar al revés.Conserve tanto el primer como el último día cuando repare un lado; informar un rango no válido sin invertir silenciosamente los dos valores.Controlar calendario con tecladoPara movimientos de mediodía, seleccione y cierre calendarios según el comportamiento explicado.Indique la zona horaria cuando la hora esté disponibleSi correspondeSi establece un horario con una hora, muestre la zona horaria y mantenga la selección de fecha y hora consistente.Muestra la zona horaria y las reglas de cambio de fecha si se selecciona una hora después de la medianoche; El formato de 12/24 horas debe ser coherente con la selección del usuario.

Completa la experiencia

Busque detalles que sean fáciles de pasar por alto al poner en uso el diseño.

Proporcionar una manera de volver al hoy.Cuando navegue por varios meses, proporcione una manera de regresar al mes o día actual sin tener que navegar hacia atrás repetidamente.Distinguir la acción que sólo adelanta el calendario hasta hoy de la acción que selecciona hoy; Si no se le permite elegir hoy, igual explique la regla.

El progreso se guarda automáticamente en este navegador.

GUÍA

Cómo revisar

Especificar el formato de fecha

No obligue a las personas que conocen la fecha exacta a hacer clic durante muchos meses.

EJEMPLOS

Ejemplos de uso

Especificar el formato de fecha

“Fecha de inicio – dd/mm/aaaa”, para entrada directa el 15 de noviembre de 2026.

Selector de fecha Sistema de diseño

Estructura y significado

Interacción y usabilidad

Completa la experiencia

Cómo revisar

Especificar el formato de fecha

Ejemplos de uso

Especificar el formato de fecha

Buscar una lista

No se encontraron listas