Format date in a specific timezone

Question

Je utilise Moment.js pour analyser et formater des dates dans mon application web. Dans le cadre d'un objet JSON, mon serveur backend envoie des dates en tant que nombre de millisecondes depuis l'époque UTC (décalage Unix).

Parser des dates dans un fuseau horaire spécifique est facile -- il suffit d'ajouter l'identifiant du fuseau horaire RFC 822 à la fin de la chaîne avant de parser :

// la réponse varie en fonction de votre fuseau horaire
const m1 = moment('3/11/2012 13:00').utc().format("MM/DD HH:mm")

// problème résolu, toujours "03/11 17:00"
const m2 = moment('3/11/2012 13:00 -0400').utc().format("MM/DD HH:mm")

console.log({ m1, m2 })

Mais comment formater une date dans un fuseau horaire spécifique ?

Je veux des résultats cohérents indépendamment de l'heure actuelle du navigateur, mais je ne veux pas afficher les dates en UTC.

Answer 1

Comme indiqué dans la réponse de Manto, .utcOffset() est la méthode préférée à partir de Moment 2.9.0. Cette fonction utilise le véritable décalage par rapport à l'UTC, et non le décalage inverse (par exemple, -240 pour New York pendant l'heure d'été). Les chaînes de décalage comme "+0400" fonctionnent de la même manière qu'avant :

// toujours "2013-05-23 00:55"
moment(1369266934311).utcOffset(60).format('YYYY-MM-DD HH:mm')
moment(1369266934311).utcOffset('+0100').format('YYYY-MM-DD HH:mm')

L'ancien .zone() en tant que setter a été obsolète dans Moment.js 2.9.0. Il acceptait une chaîne contenant un identifiant de fuseau horaire (par exemple, "-0400" or "-04:00" pour -4 heures) ou un nombre représentant les minutes derrière l'UTC (par exemple, 240 pour New York pendant l'heure d'été).

// toujours "2013-05-23 00:55"
moment(1369266934311).zone(-60).format('YYYY-MM-DD HH:mm')
moment(1369266934311).zone('+0100').format('YYYY-MM-DD HH:mm')

---

Pour travailler avec des fuseaux horaires nommés au lieu de décalages numériques, incluez Moment Timezone et utilisez .tz() à la place :

// détermine le décalage correct pour America/Phoenix au moment donné
// toujours "2013-05-22 16:55"
moment(1369266934311).tz('America/Phoenix').format('YYYY-MM-DD HH:mm')

Answer 2

Quelques réponses mentionnent déjà que moment-timezone est la meilleure option avec un fuseau horaire nommé. Je veux juste clarifier quelque chose à propos de cette bibliothèque qui était assez déroutant pour moi. Il y a une différence entre ces deux déclarations:

moment.tz(date, format, timezone)

moment(date, format).tz(timezone)

---

En supposant qu'un fuseau horaire n'est pas spécifié dans la date passée en paramètre:

Le premier code prend la date et suppose que le fuseau horaire est celui passé en paramètre. Le second prend la date, suppose le fuseau horaire du navigateur et change ensuite l'heure et le fuseau horaire en fonction du fuseau horaire passé en paramètre.

Exemple:

moment.tz('2018-07-17 19:00:00', 'YYYY-MM-DD HH:mm:ss', 'UTC').format() // "2018-07-17T19:00:00Z"

moment('2018-07-17 19:00:00', 'YYYY-MM-DD HH:mm:ss').tz('UTC').format() // "2018-07-18T00:00:00Z"

Mon fuseau horaire est de -5 par rapport à l'UTC. Donc dans le premier cas, cela ne change pas et il définit la date et l'heure avec le fuseau horaire UTC.

Dans le second cas, il suppose que la date passée en paramètre est en -5, puis la convertit en UTC, et c'est pourquoi il affiche la date "2018-07-18T00:00:00Z"

REMARQUE: Le paramètre de format est vraiment important. S'il est omis, moment pourrait revenir à la classe Date ce qui peut entraîner des comportements imprévisibles

---

En supposant que le fuseau horaire est spécifié dans la date passée en paramètre:

Dans ce cas, les deux se comportent de manière équivalente

---

Même si maintenant je comprends pourquoi cela fonctionne de cette manière, je trouve que c'était une fonctionnalité assez déroutante et que cela valait la peine d'être expliqué.

Answer 3

Utiliser moment-timezone

moment(date).tz('Europe/Berlin').format(format)

Avant de pouvoir accéder à un fuseau horaire particulier, vous devrez le charger de la manière suivante (ou en utilisant des méthodes alternatives décrites ici)

moment.tz.add('Europe/Berlin|CET CEST CEMT|-10 -20 -30')

Answer 4

.zone() a été obsolète, et vous devriez utiliser utcOffset à la place:

// pour un fuseau horaire qui est de +7 heures UTC
moment(1369266934311).utcOffset(420).format('YYYY-MM-DD HH:mm')

Answer 5

J'avais le même problème avec Moment.js. J'ai installé moment-timezone, mais le problème n'a pas été résolu. Ensuite, j'ai fait exactement ce qui est exposé ici, j'ai défini le fuseau horaire et ça fonctionne à merveille :

moment(new Date({your_date})).zone("+08:00")

Merci beaucoup !