Obtenir le fuseau horaire du navigateur de l'utilisateur en utilisant moment(timezone).js

Question

Quelle est la meilleure façon d'obtenir le fuseau horaire du client et de le convertir en un autre fuseau horaire en utilisant moment.js et moment-timezone.js ?

Je veux savoir quel est le fuseau horaire du client et convertir ensuite sa date et son heure dans un autre fuseau horaire.

Quelqu'un a-t-il une expérience dans ce domaine ?

Answer 1

Lorsque vous utilisez moment.js, utilisez :

var tz = moment.tz.guess();

Il renverra un identifiant de fuseau horaire IANA, tel que America/Los_Angeles pour le fuseau horaire américain du Pacifique.

Il est documenté ici .

En interne, il essaie d'abord d'obtenir le fuseau horaire du navigateur en utilisant l'appel suivant :

Intl.DateTimeFormat().resolvedOptions().timeZone

Si vous ne ciblez que les navigateurs modernes qui prennent en charge cette fonction, et que vous n'avez pas besoin de Moment-Timezone pour autre chose, vous pouvez l'appeler directement.

Si Moment-Timezone n'obtient pas de résultat valide de cette fonction, ou si cette fonction n'existe pas, il "devinera" le fuseau horaire en testant plusieurs dates et heures différentes par rapport à la fonction Date pour voir comment il se comporte. La supposition est généralement une assez bonne approximation, mais il n'est pas garanti qu'elle corresponde exactement au réglage du fuseau horaire de l'ordinateur.

Answer 2

var timedifference = new Date().getTimezoneOffset();

Cela renvoie la différence entre le fuseau horaire du client et l'heure UTC. Vous pouvez ensuite jouer avec comme vous le souhaitez.

Answer 3

Toutes les réponses actuelles fournissent la différence d'offset à l'heure actuelle, et non à une date donnée.

moment(date).utcOffset() renvoie la différence de temps en minutes entre l'heure du navigateur et l'UTC. à la date passée en argument (ou aujourd'hui, si aucune date n'est passée).

Voici une fonction pour analyser le décalage correct à la date choisie :

function getUtcOffset(date) {
  return moment(date)
    .subtract(
      moment(date).utcOffset(), 
      'minutes')
    .utc()
}

Answer 4

Utilisation de Moment bibliothèque, voir leur site web -> https://momentjs.com/timezone/docs/#/using-timezones/converting-to-zone/

j'ai remarqué qu'ils utilisent également leur propre bibliothèque sur leur site web, vous pouvez donc faire un essai en utilisant la console du navigateur avant de l'installer.

moment().tz(String);

The moment#tz mutator will change the time zone and update the offset.

moment("2013-11-18").tz("America/Toronto").format('Z'); // -05:00
moment("2013-11-18").tz("Europe/Berlin").format('Z');   // +01:00

This information is used consistently in other operations, like calculating the start of the day.

var m = moment.tz("2013-11-18 11:55", "America/Toronto");
m.format();                     // 2013-11-18T11:55:00-05:00
m.startOf("day").format();      // 2013-11-18T00:00:00-05:00
m.tz("Europe/Berlin").format(); // 2013-11-18T06:00:00+01:00
m.startOf("day").format();      // 2013-11-18T00:00:00+01:00

Without an argument, moment#tz returns:

    the time zone name assigned to the moment instance or
    undefined if a time zone has not been set.

var m = moment.tz("2013-11-18 11:55", "America/Toronto");
m.tz();  // America/Toronto
var m = moment.tz("2013-11-18 11:55");
m.tz() === undefined;  // true

Answer 5

Vous pouvez également obtenir l'heure souhaitée en utilisant le code JS suivant :

new Date(`${post.data.created_at} GMT+0200`)

Dans cet exemple, les dates reçues étaient dans le fuseau horaire GMT+0200. Au lieu de cela, il peut s'agir de n'importe quel fuseau horaire. Et les données renvoyées seront la date dans votre fuseau horaire. J'espère que cela vous aidera à gagner du temps.