Afficher la date et l'heure: Comment le faire correctement

Nous les rencontrons dates et temps ... enfin, tous les jours. En ce qui concerne le Web, vous pouvez les repérer dans vos applications mobiles, dans vos courriels, dans vos applications de messagerie et bien d'autres endroits. Pourtant, en dépit de voir la date et l'heure tous les jours et partout, nous devons encore adopter un format universel pour cela.

Par exemple, si j'écris le 10/05/2015, vous ne pouvez jamais être sûr que ce "10" est le mois ou la date, sauf si je vous dis d'où je viens. Parfois, le format change, d'autres fois la langue.

Il est important qu'en tant que développeurs Web, nous accordions une attention particulière à la date et à l'heure auxquelles nous traitons dans nos projets, de sorte que nous puissions les héberger à différents endroits sans aucun conflit. Dans ce post, nous allons discuter de ce qu'il faut éviter et de ce qu'il faut adopter quand il s'agit d'afficher la date et l'heure.

Mondialisation

Disons que nous ne voulons pas convertir et afficher différents formats de date et d'heure pour différents téléspectateurs à travers le monde, que pouvons-nous faire? Nous choisissons un format global et le respectons. Voici où certaines normes entrent en jeu. Avant d'en arriver là, je dois vous informer que le W3C recommande d'utiliser le format de date ISO 8601 avec le fuseau horaire UTC.

ISO 8601

ISO 8601 décrit une manière internationalement acceptée de représenter les dates et les heures en utilisant des nombres.

Et le format pour la date complète est; YYYY-MM-DD, par exemple: 2015-07-28

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

Pour la date complète YYYY-MM-DDThh:mm:ss.s, par exemple: 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

S'il vous plaît noter que, comme aucun fuseau horaire n'a été mentionné dans l'exemple ci-dessus, il doit être supposé que l'heure est dans le fuseau horaire local. Si vous avez décidé d'utiliser le fuseau horaire UTC, ajoutez simplement Z à la valeur pour indiquer UTC

Par exemple: 2015-07-28T21:15:18.45Z

Mais si vous souhaitez afficher l'heure locale, vous pouvez ajouter un décalage de fuseau horaire pour UTC à la valeur dans les formats +hh:mm ou -hh:mm selon les besoins.

Par exemple: Supposons que le 2015-07-28T21:15:18.45 trouve dans le fuseau horaire EST (Eastern Standard Time) qui est décalé de 5 heures par rapport au fuseau horaire UTC.

Pour le représenter avec un décalage UTC, nous écrivons 2015-07-28T21:15:18.45-05:00 qui est équivalent à l'heure UTC 2015-07-29T02:15:18.45Z .

De nouveau, Z est ajouté pour représenter que la date et l'heure affichées sont en heure UTC.

UTC contre GMT

Ils sont tous les deux identiques et pourtant différents. Vous avez probablement déjà rencontré GMT au moins une fois; lors de la configuration de la date et de l'heure sur votre téléphone portable ou votre ordinateur. C'est le fuseau horaire le plus populaire reconnu dans le monde depuis qu'il existe depuis plus longtemps que l'UTC.

Alors que certains peuvent dire qu'ils sont tous les deux les mêmes mais ils ne le sont pas, UTC est un successeur de GMT et est maintenu par l'Union Internationale des Télécommunications. Il est conseillé de se référer à l'heure basée sur UTC et non GMT.

Utilisez le nom des mois

La norme ISO n'utilise que des chiffres dans la représentation de la date pour éviter tout conflit de langage. Mais, si le contenu de votre application Web va être en anglais, alors vous devriez envisager d'écrire des mois en anglais plutôt qu'en chiffres.

Au lieu de 2015-07-28, 28, July, 2015 est plus facile à comprendre par beaucoup, et moins confus.

Localisation

Il y a des moments où nous voulons être très spécifiques avec nos services et nous aimerions représenter la date et l'heure dans les fuseaux horaires et les langues locales. De nombreuses bibliothèques et API sont disponibles pour que les développeurs Web puissent utiliser et afficher les dates et heures selon la région d'accès.

Vous pouvez obtenir les paramètres régionaux par défaut du navigateur en interprétant l'en Accept-Language tête de demande Accept-Language ou via l'objet JavaScript navigator.language or navigator.browserLanguage, mais la meilleure méthode consiste à laisser l'utilisateur choisir un paramètre régional dans votre application. très fiable.

Une fois que vous avez les paramètres régionaux, vous pouvez formater l'heure de date en fonction, par exemple en utilisant l' API Internationalization, vous pouvez formater une date en utilisant toLocaleDateString en JavaScript, par exemple, myDate.toLocaleDateString('ko-KR') retournera un formaté date dans le format utilisé en Corée par les autochtones de langue coréenne.

Heure d'été (DST)

Dans certains pays, l'heure d'été se fait en transférant les horloges d'une heure en été pour profiter de l'ensoleillement supplémentaire disponible. Soyez conscient de l'heure d'été pour rester au fait des heures locales dans vos services.

Aucune année à deux chiffres

Lors de la personnalisation de la date et de l'heure de la localisation, n'utilisez pas le format à deux chiffres de l'année à aucun moment. Nous sommes déjà au 21ème siècle. L'utilisation d'années comme 64, 99 etc. sera gênante à l'avenir. Si vous avez déjà un système d'année à deux chiffres, pensez à le changer.

Année bissextile et autres calendriers

Laissez-nous terminer ce post avec quelques choses diverses à retenir en traitant des dates. Si vous n'utilisez pas de bibliothèque ou d'API pour les dates et souhaitez les traiter vous-même (ce qui n'est pas recommandé néanmoins), n'oubliez pas de montrer le 29 février dans la contribution pour les années bissextiles.

En outre, il est à noter que le calendrier grégorien n'est pas la seule forme de calendrier disponible et utilisé dans le monde entier. Il y a peu de calendriers régionaux que les locaux suivent, surtout quand il s'agit de festivités.

Les références

• Union internationale des télécommunications: Etude de l'état du temps universel coordonné (UTC) à l'UIT-R
• ISO: ISO 8601 - Format de la date et de l'heure
• Wikipedia: Temps universel coordonné
• Wikipedia: Heure d'été
• Wikipédia: Temps moyen de Greenwich
• W3C Note: Formats de date et d'heure
• Conseils du W3C: utilisez le format de date international (ISO)

50 gâteaux de Noël créatifs trop frais pour manger

La conception de gâteaux a pris une vie propre avec des gâteaux de mariage créatifs et même des gâteaux sur le thème du geek tournant des têtes dans de nombreuses fonctions importantes. Ce n'est pas différent pour Noël, en fait, dans ce post, nous allons regarder 50 gâteaux de Noël créatifs qui aident à répandre les acclamations de Noël.Certains des g

(Conseils techniques et de conception)

18 trucs et astuces pour tirer le meilleur parti de Cortana

L'assistant virtuel de Microsoft, Cortana, est l'une des meilleures fonctionnalités introduites dans Windows 10. L'outil intelligent artificiel offre de nombreuses fonctionnalités pour profiter de votre ordinateur, obtenir des informations sur vos doigts et améliorer votre productivité au travail.La

(Conseils techniques et de conception)