Un selector de fecha, calendario emergente, selector de fecha y hora o selector de tiempo es un widget de interfaz gráfica de usuario que permite al usuario seleccionar una fecha de un calendario y / o una hora de un rango de tiempo. La práctica típica es proporcionar un campo de cuadro de texto que, cuando se hace clic en él para ingresar una fecha, muestra un calendario al lado o debajo del campo, lo que permite al usuario completar el campo con una fecha adecuada, o proporciona un cuadro de texto con una fecha. icono de un calendario de modo que cuando se hace clic en el icono, aparece el calendario (o campo de tiempo), o muestra el widget de calendario directamente (en línea).
El selector de fecha ofrece varias ventajas, que incluyen:
- permitiendo al usuario ingresar una fecha simplemente haciendo clic en una fecha en el calendario emergente en lugar de tener que quitar la mano del mouse para ingresar una fecha.
- validación de fechas mediante la restricción de rangos de fechas, por ejemplo, solo después de hoy y dos semanas después, o solo para fechas en el pasado.
- se puede ingresar un rango de fechas de manera que para un conjunto de campos de fecha "desde-hasta", si el campo "desde" está lleno, el campo "hasta" no se puede establecer en una fecha antes del campo "desde", o si el El campo "hasta" está lleno, el campo "desde" no se puede establecer en una fecha posterior a la del campo "hasta".
- puede tener un botón "hoy"
- puede personalizar el día en que comienza la semana
- Solo se pueden ingresar fechas legales; por ejemplo , no se puede ingresar el 29 de febrero de 2100 ni el 31 de junio.
- Se elimina la confusión del formato de fecha, por ejemplo, ¿es el 4/7/10 el 4 de julio de 2010, el 7 de abril de 2010 o el 10 de abril de 2007?
En el caso de un selector de tiempo, hay muchas funciones similares disponibles, como garantizar que el usuario
- No se puede ingresar una hora no válida (25:18, 4:61).
- No se puede seleccionar una hora fuera de rango (6:00 p. M. Para una empresa que permite a los clientes seleccionar sus propias citas, pero la empresa cierra a las 5:30) o durante horas sin atención (como el almuerzo).
- No se puede seleccionar un rango no válido (puede restringir el tiempo seleccionado a los 5, 10 o 15 minutos más cercanos o cualquier rango, por ejemplo, 2:30 o 2:45 está bien, pero 2:37 no).
Un ejemplo de un selector de fecha programable se muestra en la documentación de la biblioteca de interfaz de usuario de JavaScript jQuery UI en: http://jqueryui.com/datepicker/