Mostrar fecha y hora: cómo hacerlo bien

Nos encontramos con fechas y horas ... bueno, todos los días. Cuando se trata de la Web, puede verlos en sus aplicaciones móviles, en correos electrónicos, en sus aplicaciones de mensajería y en muchos otros lugares. Sin embargo, a pesar de ver la fecha y la hora todos los días y en todas partes, todavía tenemos que adoptar un formato universal para ello.

Por ejemplo, si escribo el 10/05/2015, nunca puede estar seguro de si ese "10" es el mes o la fecha a menos que le diga de dónde soy. Algunas veces el formato cambia, otras veces el idioma.

Es importante que, como desarrolladores web, prestemos atención a la fecha y hora a la que nos dedicamos en nuestros proyectos, para que podamos atenderlos a diferentes habitantes geográficos sin ningún conflicto. En este post discutiremos qué evitar y qué adoptar cuando se trata de mostrar la fecha y hora.

Globalización

Digamos que no queremos convertir y mostrar diferentes formatos de fecha y hora a diferentes televidentes en todo el mundo, ¿qué podemos hacer? Elegimos un formato global y nos apegamos a él. Aquí es donde entran en juego algunos estándares. Antes de llegar a eso, debo avisar que el W3C recomienda que usemos el formato de fecha ISO 8601 con la zona horaria UTC.

ISO 8601

ISO 8601 describe una forma internacionalmente aceptada de representar fechas y horas usando números.

Y el formato para la fecha completa es; YYYY-MM-DD, por ejemplo: 2015-07-28

YYYY = 4 digit year MM = 2 digit month (01=January, etc.) DD = 2 digit day (01 to 31)

Para fecha completa; YYYY-MM-DDThh:mm:ss.s, por ejemplo: 2015-07-28T21:15:18.45

T = To separate date and time according to ISO 8601 mm = 2 digit minute (00 through 59) ss = 2 digit second (00 through 59) s = Decimal fraction of a second, 1 or more digits

Tenga en cuenta que como no se ha mencionado ninguna zona horaria en el ejemplo anterior, se supone que la hora está en la zona horaria local. Si ha decidido usar la zona horaria UTC, simplemente agregue Z al valor para indicar UTC

Por ejemplo: 2015-07-28T21:15:18.45Z

Pero si desea mostrar la hora local, puede agregar un desplazamiento de zona horaria para UTC al valor en los formatos +hh:mm o -hh:mm según sea necesario.

Por ejemplo: Supongamos que 2015-07-28T21:15:18.45 encuentra en la zona horaria EST (hora estándar del este) que tiene un retraso de 5 horas respecto de la zona horaria UTC.

Para representarlo con compensación UTC escribimos 2015-07-28T21:15:18.45-05:00 que es equivalente a la hora UTC 2015-07-29T02:15:18.45Z .

De nuevo, Z se agrega para representar que la fecha y hora que se muestra es en hora UTC.

UTC vs. GMT

Ambos son iguales pero diferentes. A estas alturas probablemente hayas cruzado GMT al menos una vez; mientras configura la fecha y hora en su teléfono móvil o computadora. Es la zona horaria más popular reconocida en todo el mundo porque ha existido por más tiempo que UTC.

Mientras que algunos pueden decir que ambos son iguales pero no lo son, UTC es un sucesor de GMT y lo mantiene la Unión Internacional de Telecomunicaciones. Se recomienda referir al tiempo basado en UTC y no GMT.

Usa el nombre de los meses

La norma ISO solo usa números en la representación de la fecha para evitar conflictos de idioma. Pero, si el contenido de su aplicación web va a estar en inglés, entonces debería considerar anotar meses en inglés en lugar de números.

En lugar de 2015-07-28, 28, July, 2015 es más fácil de entender para muchos y menos confuso.

Localización

Hay momentos en los que queremos ser muy específicos con nuestros servicios y nos gustaría representar la fecha y la hora en las zonas horarias e idiomas locales. Hay muchas bibliotecas y API disponibles para que los desarrolladores web utilicen y muestren las fechas y horas según la región de acceso.

Puede obtener la configuración regional predeterminada del navegador interpretando el encabezado de solicitud Accept-Language o mediante el objeto JavaScript navigator.language or navigator.browserLanguage, pero el mejor método es permitir que el usuario elija una configuración regional en su aplicación, ya que las formas anteriores no son muy fiable.

Una vez que tenga la configuración regional, puede formatear la fecha y hora de acuerdo con ella, por ejemplo, utilizando la API de internacionalización, puede formatear una fecha usando toLocaleDateString en JavaScript, por ejemplo, myDate.toLocaleDateString('ko-KR') devolverá un formato fecha en el formato utilizado en Corea por nativos de habla coreana.

Horario de verano (DST)

En ciertos países, el horario de verano se realiza reenviando los relojes por una hora en verano para aprovechar la luz solar adicional disponible. Tenga en cuenta el horario de verano para mantenerse al día con los horarios locales en sus servicios.

Sin año de dos dígitos

Al personalizar la fecha y la hora para la localización, no utilice el formato de dos dígitos para el año en ningún momento. Ya estamos en el siglo XXI. Usar años como 64, 99 etc. será problemático en el futuro. Si ya tiene un sistema anual de dos dígitos, considere cambiarlo.

Año bisiesto y otros calendarios

Terminemos esta publicación con algunas cosas varias para recordar al tratar con las fechas. Si no está utilizando ninguna biblioteca o API para las fechas y desea tratarlas por su cuenta (lo que no se recomienda de todos modos), no se olvide de mostrar el 29 de febrero en la entrada para los años bisiestos.

Además, vale la pena señalar que el calendario gregoriano no es la única forma de calendario disponible y que se usa en todo el mundo. Hay pocos calendarios regionales que siguen los lugareños, especialmente en lo que respecta a las festividades.

Referencias

• Unión Internacional de Telecomunicaciones: estado del estudio del tiempo universal coordinado (UTC) en el UIT-R
• ISO: ISO 8601 - Formato de fecha y hora
• Wikipedia: Tiempo universal coordinado
• Wikipedia: horario de verano
• Wikipedia: Hora del meridiano de Greenwich
• W3C Nota: Formatos de fecha y hora
• Sugerencias del W3C: utilice el formato de fecha internacional (ISO)

30 Tendencias de diseño gráfico en infografías

Como diseñador o profesional creativo, es críticamente importante vigilar las tendencias cambiantes . Están influenciados por la tecnología, la moda, la cultura, los medios, el pasado y el presente, y otras industrias. Por supuesto, las tendencias se pueden aplicar no solo al sitio web o al diseño de impresión, también afectan la infografía .Las inf

(Consejos de tecnología y diseño)

Chrome Home mueve las pestañas y accesos directos a la parte inferior de la pantalla

Chrome Home, una función de Chrome Canary que mueve la barra de direcciones a la parte inferior de la pantalla, ha recibido algunos cambios enormes recientemente. A juzgar por los cambios realizados en la función, parece que Google apunta a facilitar la navegación con los nuevos cambios .¿ Qué hay de nuevo con Chrome Home? Bue

(Consejos de tecnología y diseño)