Comment initialiser un JavaScript Date à un fuseau horaire particulier

J'ai date heure dans un fuseau horaire comme une chaîne de caractères et je veux convertir ce de l'heure locale. Mais, je ne sais pas comment faire pour régler le fuseau horaire dans l'objet Date.

Par exemple, j'ai Feb 28 2013 7:00 PM ET, alors je peux 

var mydate = new Date();
mydate.setFullYear(2013);
mydate.setMonth(02);
mydate.setDate(28);
mydate.setHours(7);
mydate.setMinutes(00);

Autant que je sache, je peux définir l'heure UTC ou heure locale. Mais, comment puis-je régler l'heure dans un autre fuseau horaire?

J'ai essayé d'utiliser le ajouter ou soustraire le décalage entre l'UTC, mais je ne sais pas comment faire pour contrer l'avancée de l'épargne. Ne suis pas sûr si je suis vers la bonne direction.

Comment puis-je aller sur la conversion de l'heure d'un autre fuseau horaire à l'heure locale en javascript?

InformationsquelleAutor pavanred | 2013-02-28
  1. 282

    Arrière-plan

    JavaScript Date objet pistes de temps en temps UTC en interne, mais en général, accepte l'entrée et la sortie de l'heure locale de l'ordinateur, il est en cours d'exécution sur. Il ne dispose pas d'installations pour le travail avec d'autres fuseaux horaires. Il peut analyser et des dates de sortie qui sont en UTC ou Local, mais il ne peut pas travailler directement avec d'autres fuseaux horaires.

    Être absolument précis, la représentation interne d'un Date objet est un numéro unique, représentant le nombre de millisecondes qui se sont écoulées depuis 1970-01-01 00:00:00 UTC, sans égard pour les secondes intercalaires. Il n'y a pas de temps horaire ou de format de chaîne de caractères stockée dans l'objet Date elle-même. Lorsque les diverses fonctions de la Date objet sont utilisées, heure locale de l'ordinateur de la zone est appliquée à la représentation interne. Si la fonction crée une chaîne de caractères, puis de l'ordinateur les informations de paramètres régionaux peuvent être pris en considération pour déterminer la façon de produire cette chaîne. Les détails varient selon la fonction, et certains sont spécifiques à l'implémentation.

    Bibliothèques

    Heureusement, il existe des bibliothèques qui peuvent être utilisés pour travailler avec les fuseaux horaires. Mais ils ne peuvent toujours pas faire la Date objet se comportent différemment, ils ont généralement l'application de la norme Olson/IANA fuseau horaire de base de données et fournir des fonctions pour l'utiliser en JavaScript. Certains ont une surcharge si vous exécutez dans un navigateur web, la base de données peut devenir un peu plus grand, si vous voulez l'ensemble de la chose. Heureusement, la plupart de ces bibliothèques vous permettent de choisir les zones que vous souhaitez à l'aide de la taille des données beaucoup plus agréable au goût. Aussi certains utilisent des fonctionnalités modernes pour obtenir des données de fuseau horaire à partir de la Intl API au lieu d'avoir à expédier eux-mêmes.

    Il y a plusieurs bibliothèques pour cela que je suis conscient de:

    Luxon est sans doute le pari le plus sûr pour tout l'usage moderne, et est le plus léger de poids, car il utilise la Intl API pour ses données de fuseau horaire.

    Moment-timezone est une extension pour moment.js, et apporte ses propres données de fuseau horaire.

    js-joda est un code JavaScript de la mise en œuvre de la Joda-Time API (Java), et comprend à la fois la zone de support par l'intermédiaire d'un module séparé.

    date-fns-tz est une extension pour date-pnr 2.x. date-fns-fuseau horaire est une extension pour date-pnr 1.x.

    BigEasy/Fuseau horaire semble également être sur la bonne voie.

    WallTime-js a atteint en fin de vie, et les propriétaires sont migration vers moment-timezone.

    TimeZoneJS a été autour de la plus longue, mais est connu pour avoir certains de longue date de bugs, en particulier près de l'heure d'été transitions. Espérons que ces sera fixé à un certain moment dans l'avenir.

    tz.js a également été autour depuis un certain temps, mais n'est pas très bien documenté, à mon humble avis.

    Vous devez évaluer ces bibliothèques à voir qui répondra à vos besoins. En cas de doute, aller avec le moment/moment-timezone.

    La prise en charge Native dans les Environnements Modernes

    Si vous pouvez limiter votre utilisation d'environnements modernes, vous pouvez maintenant effectuer les opérations suivantes sans les bibliothèques:

    new Date().toLocaleString("en-US", {timeZone: "America/New_York"})

    Ce n'est pas une solution complète, mais il travaille pour de nombreux scénarios qui nécessitent uniquement de sortie de conversion (UTC ou heure locale à un moment précis de la zone, mais pas dans l'autre sens). Cela fait partie de l'ECMAScript l'Internationalisation de l'API (ECMA-402). Voir ce post pour plus de détails. Ce tableau de compatibilité pistes versions qui sont pris en charge. C'est le Intl API mentionné ci-dessus que certaines bibliothèques utilisent en interne maintenant.

    (Pour être clair, ce n'est pas initialiser un Date objet, mais peut être utilisé pour appliquer un fuseau horaire lors de la production d'une version particulière de la représentation.)

    Les Futures Propositions

    La TC39 Temporelle Proposition vise à fournir un nouveau jeu d'objets standard pour travailler avec des dates et des heures dans le langage JavaScript lui-même. Ce sera un fuseau horaire courant de l'objet.

    • S'il vous plaît changer "représenter" à "de sortie/parse", depuis le représentés horodatages sont fuseau horaire indépendant
    • J'ai repensé à cela, et d'accord avec vous. Mise à jour de ma réponse en conséquence.
    • Quand vous faites cela dans la console de Firebug: var date_time = new Date(), la valeur de date_time est (pour moi en AEST) Date {Sun Aug 21 2016 22:18:47 GMT+1000 (AEST)} et donc, par conséquent, il semble qu'il est stocké un fuseau horaire. Comment puis-je m'assurer date_time est purement l'heure UTC, sans n'importe quel fuseau horaire inclus?
    • Hmm, en fonction de cette réponse (stackoverflow.com/a/8047885/1063287), c'est ceci: new Date().getTime();
    • la méthode utilise l'hôte décalage horaire de produire une date et une heure dans le fuseau horaire". La date de l'objet lui-même a une valeur de temps qui est un décalage de 1970-01-01T00:00:00Z de façon à ce que l'heure UTC. Pour voir la date et l'heure UTC, utiliser les toISOString.
    • Pour clarifier le javascript Date t enregistrer le fuseau horaire en plus du point dans le temps est représenté par le nombre de millisecondes depuis minuit UTC 1970-01-01. Pour plus d'infos, jetez un oeil à la rhino code source @ github.com/mozilla/rhino/blob/master/src/org/mozilla/javascript/...
    • c'est une Rhino spécifiques de mise en œuvre, mais même alors, si vous faites défiler vers le bas, vous verrez que private double date est la seule occurrence de champ. Tout le reste est statique, et principalement pour la mise en cache de l'environnement a fourni des valeurs. Ce n'est pas quelque chose de suivi par exemple, ou quelque chose que vous pouvez modifier facilement.
    • Hmm. Ok ici a une chose. Si nous créons deux dates, l'une avec new Date(), l'autre à new Date(Date.UTC(2016,0,1,0,0,0)) et puis faire toString() sur chacun d'eux, puis on donne la date et l'heure en fonction du fuseau horaire local, l'autre de la date/de l'heure en utilisant le fuseau horaire UTC. Donc, quelque chose, quelque part, le stockage d'un fuseau horaire à l'encontre de chaque instance de date. (test réalisé en Chrome).
    • Le Date.UTC fonction de calcul du timestamp basé sur l'heure UTC entrées est tout. La sortie de .toString() sera l'heure locale équivalent, et montrera l'heure locale de la zone de décalage, le nom ou l'abréviation.
    • Qui fait sens; ma confusion a été causé par les deux dates, j'ai créé différents fuseau horaire prescripteurs lors de l'utilisation de toString(), c'est parce que je suis dans un jeu de paramètres régionaux avec l'heure avancée, et toString() les rapports, heure locale, soit GMT+1 pour les dates de l'été, et de l'EME pour les dates en hiver.
    • est dépendant de l'implémentation et peut ou peut ne pas afficher le fuseau horaire dans un format particulier. La plupart des navigateurs n'retour des noms ou des abréviations pour la commune de fuseaux horaires et l'heure UTC offset pour les autres.
    • Ce doit être mise à jour, comme le format de toString est maintenant situé dans la spec. 😉
    • Cool! N'hésitez pas à modifier. J'ai confiance en vous. 🙂

    InformationsquelleAutor Matt Johnson-Pint
  2. 36

    Comme Matt Johnson a dit

    Si vous pouvez limiter votre utilisation à des navigateurs web modernes, vous pouvez maintenant faire l'
    suivant sans aucune bibliothèques spécialisées:

    new Date().toLocaleString("en-US", {timeZone: "America/New_York"})

    Ce n'est pas une solution complète, mais il travaille pour de nombreux scénarios
    qui ne nécessitent que de sortie de conversion (UTC ou heure locale à un
    fuseau horaire spécifique, mais pas dans l'autre sens).

    Ainsi, bien que le navigateur ne peut pas lire l'IANA fuseaux horaires lors de la création d'une date, ou a des méthodes pour modifier les fuseaux horaires sur un objet Date, il semble y avoir un hack autour d'elle:

    JS:

    function changeTimezone(date, ianatz) {

  //suppose the date is 12:00 UTC
  var invdate = new Date(date.toLocaleString('en-US', {
    timeZone: ianatz
  }));

  //then invdate will be 07:00 in Toronto
  //and the diff is 5 hours
  var diff = date.getTime() - invdate.getTime();

  //so 12:00 in Toronto is 17:00 UTC
  return new Date(date.getTime() + diff);

}

//E.g.
var there = new Date();
var here = changeTimezone(there, "America/Toronto");

console.log(`Here: ${here.toString()}\nToronto: ${there.toString()}`);

    • Je me demandais pourquoi cette réponse n'est pas d'obtenir plus d'amour. Pour mes besoins, il est absolument la meilleure solution. Dans mon application, toutes les dates sont en UTC, mais ils ont besoin d'être entrée ou de sortie explicite de l'IANA fuseaux horaires dans l'INTERFACE utilisateur. Pour cela j'utilise cette solution et cela fonctionne parfaitement. Simple, efficace, standard.
    • c'est un joli nouveau poste. pour être honnête, j'ai surpris moi-même quand il m'a frappé, vous pouvez utiliser toLocaleString pour atteindre l'effet inverse, et oui, ce devrait être commun de connaissances ! aller écrire un article à ce sujet et de me mentionner 🙂
    • La seule mauvaise chose à ce sujet est la prise en charge du navigateur de toLocaleString() 🙁
    • Pour un nœud de l'environnement qui n'est pas en GMT déjà, le code ci-dessus doit changer de var invdate = new Date(date.toLocaleString ("en-US', { fuseau horaire: ianatz })); dans le var invdate = new Date(${date.toLocaleString ("en-US', { fuseau horaire: ianatz })} GMT`);
    • Les navigateurs ne sont pas nécessaires pour analyser la sortie de toLocaleString, il est donc basée sur un mauvais principe.
    • Oui, c'est vrai, et d'étrange. Tous les navigateurs que j'ai rencontré jusqu'à présent peut analyser la sortie de leur propre version de toLocaleString.
    • Pas cela étrange, compte tenu de l'histoire de toLocaleString et que le format est influencée par le système de paramètres régionaux et de langue qui ne peut pas être la même lors de la génération de la chaîne, comme lors de l'analyse (par exemple, fr-fr et fr-fr). Et c'est sans considérer les variations causées par différentes options. Il fut un temps où IE n'a pas analyser correctement la sortie de son propre Date.le prototype.toString.

    InformationsquelleAutor commonpike
  3. 19

    Vous pouvez spécifier un décalage de fuseau horaire sur new Date(), par exemple:

    new Date('Feb 28 2013 19:00:00 EST')

    ou

    new Date('Feb 28 2013 19:00:00 GMT-0500')

    Depuis Date magasin de l'heure UTC ( c'est à dire getTime retourne en UTC ), javascript, eux convertir l'heure en UTC, et lorsque vous appelez des choses comme toString javascript va convertir l'heure UTC dans le navigateur du fuseau horaire local et le retour de la chaîne dans le fuseau horaire local, c'est à dire Si je suis en utilisant UTC+8:

    > new Date('Feb 28 2013 19:00:00 GMT-0500').toString()
< "Fri Mar 01 2013 08:00:00 GMT+0800 (CST)"

    Vous pouvez également utiliser la normale getHours/Minute/Second méthode:

    > new Date('Feb 28 2013 19:00:00 GMT-0500').getHours()
< 8

    ( Ce 8 signifie qu'après le temps est converti en mon heure locale - UTC+8, le nombre d'heures est 8. )

    • Analyse un format autre que le format ISO 8601 format étendu la mise en œuvre est la personne à charge et ne doit pas être invoqué. Il n'y a pas de norme pour le fuseau horaire abréviations, par exemple, "EST" peut représenter l'une des 3 zones différentes.
    • Les exemples dans ce commentaire, souvent, ne fonctionne pas dans internet explorer. Comme mentionné dans le précédent commentaire à ce post, ISO 8601 est important. Je l'ai confirmé par la lecture de l'ECMA-262 (Javascript 5ème édition de la Spécification de langage.
    InformationsquelleAutor maowtm
  4. 3

    J'ai rencontré un problème similaire avec les tests unitaires (plus précisément dans la plaisanterie lorsque les tests unitaires exécuter localement afin de créer des snapshots et puis le serveur CI s'exécute dans (potentiellement) un autre fuseau horaire, provoquant la comparaison de clichés à l'échec). J'ai raillé notre Date et certaines de ces méthodes comme: 

    describe('...', () => {
  let originalDate;

  beforeEach(() => {
    originalDate = Date;
    Date = jest.fn(
      (d) => {
        let newD;
        if (d) {
          newD = (new originalDate(d));
        } else {
          newD = (new originalDate('2017-05-29T10:00:00z'));
        }
        newD.toLocaleString = () => {
          return (new originalDate(newD.valueOf())).toLocaleString("en-US", {timeZone: "America/New_York"});
        };
        newD.toLocaleDateString = () => {
          return (new originalDate(newD.valueOf())).toLocaleDateString("en-US", {timeZone: "America/New_York"});
        };
        newD.toLocaleTimeString = () => {
          return (new originalDate(newD.valueOf())).toLocaleTimeString("en-US", {timeZone: "America/New_York"});
        };
        return newD;
      }
    );
    Date.now = () => { return (Date()); };
  });

  afterEach(() => {
    Date = originalDate;
  });

});
    InformationsquelleAutor JRulle
  5. 3

    J'ai trouvé le moyen de le faire, sans se soucier d'un tiers de la bibliothèque, a été en utilisant getTimezoneOffset qui permet de calculer le timestamp, ou de mettre à jour l'heure alors utiliser les méthodes normales pour obtenir la date et l'heure.

    var mydate = new Date();
mydate.setFullYear(2013);
mydate.setMonth(02);
mydate.setDate(28);
mydate.setHours(7);
mydate.setMinutes(00);

//ET timezone offset in hours.
var timezone = -5;
//Timezone offset in minutes + the desired offset in minutes, converted to ms.
//This offset should be the same for ALL date calculations, so you should only need to calculate it once.
var offset = (mydate.getTimezoneOffset() + (timezone * 60)) * 60 * 1000;

//Use the timestamp and offset as necessary to calculate min/sec etc, i.e. for countdowns.
var timestamp = mydate.getTime() + offset,
    seconds = Math.floor(timestamp / 1000) % 60,
    minutes = Math.floor(timestamp / 1000 / 60) % 60,
    hours   = Math.floor(timestamp / 1000 / 60 / 60);

//Or update the timestamp to reflect the timezone offset.
mydate.setTime(mydate.getTime() + offset);
//Then Output dates and times using the normal methods.
var date = mydate.getDate(),
    hour = mydate.getHours();

    MODIFIER

    J'étais auparavant à l'aide de UTC méthodes lors de l'exécution de la date de transformations, ce qui était erroné. Avec l'ajout de l'offset dans le temps, en utilisant le get fonctions retournent les résultats souhaités.

    • Lorsque vous avez calculé timezone_offset?
    • Oups, j'ai mal étiquetés une de mes variables. timezone_offset doit avoir été offset, ou vice versa. J'ai édité ma réponse à montrer le bon nom de variable.
    InformationsquelleAutor Shaun Cockerill
  6. 2

    Essayez d'utiliser ctoc de mnp.
    https://www.npmjs.com/package/ctoc_timezone

    Il a obtenu la simple fonctionnalité de changement de fuseaux horaires (la plupart des fuseaux horaires autour de 400) et tous les formats personnalisés u veux qu'il affiche.

    InformationsquelleAutor Sandeep Chowdary
  7. 2

    Cela devrait résoudre votre problème, n'hésitez pas à proposer des correctifs. Cette méthode ne compte pour l'heure d'été pour la date donnée.

    dateWithTimeZone = (timeZone, year, month, day, hour, minute, second) => {
  let date = new Date(Date.UTC(year, month, day, hour, minute, second));

  let utcDate = new Date(date.toLocaleString('en-US', { timeZone: "UTC" }));
  let tzDate = new Date(date.toLocaleString('en-US', { timeZone: timeZone }));
  let offset = utcDate.getTime() - tzDate.getTime();

  date.setTime( date.getTime() + offset );

  return date;
};

    Comment utiliser avec le fuseau horaire et l'heure locale:

    dateWithTimeZone("America/Los_Angeles",2019,8,8,0,0,0)
    • Cette solution adaptée à mon besoin. Je n'étais pas sûr de savoir comment exactement je peux le compte de l'heure d'été.
    InformationsquelleAutor chickens
  8. 2

    Je sais que ses 3 ans trop tard, mais peut-être que ça peut aider quelqu'un d'autre parce que je n'ai pas trouvé quoi que ce soit, sauf pour l'heure, le fuseau horaire de la bibliothèque, qui n'est pas exactement le même que ce qu'il demande pour ici.

    J'ai fait quelque chose de similaire pour l'allemand fuseau horaire,
    c'est un peu complexe à cause de l'heure d'été et les années bissextiles où vous avez 366 jours.

    il pourrait avoir besoin d'un peu de travail avec la "isDaylightSavingTimeInGermany de la fonction" alors que les différences de fuseaux horaires du changement sur les différents temps de l'heure d'été.

    de toute façon, consultez cette page:
    https://github.com/zerkotin/german-timezone-converter/wiki

    les principales méthodes sont:
    convertLocalDateToGermanTimezone
    convertGermanDateToLocalTimezone

    J'ai mis un effort en le documentant, afin de ne pas être si confus.

    • Cela devrait être un commentaire, ce n'est pas une réponse.
    InformationsquelleAutor zerkotin
  9. 1

    Essayer: date-de-timezone, il résout la date prévue avec l'aide de disponibles nativement Intl.DateTimeFormat.

    J'ai utilisé cette méthode dans un de mes projets depuis quelques années déjà, mais maintenant j'ai décidé de le publier en tant que petit projet OS 🙂

    InformationsquelleAutor Mariusz Nowak
  10. 1

    Appuyant sur les réponses ci-dessus, je suis en utilisant ce natif d'un liner pour convertir le long de la chaîne timezone pour les trois lettres de la chaîne:

    var longTz = 'America/Los_Angeles';
var shortTz = new Date().
    toLocaleString("en", {timeZoneName: "short", timeZone: longTz}).
    split(' ').
    pop();

    Cela donnera PDT ou de la TVP en fonction à la date prévue. Dans mon cas d'utilisation particulier, le développement sur Salesforce (Aura/Foudre), nous sommes en mesure d'obtenir le fuseau horaire de l'utilisateur dans le format long depuis le backend.

    • Juste parce que j'aime jouer au pédant de temps à autre, "America/Los_Angeles" n'est pas un fuseau horaire, c'est un "représentant" d'emplacement pour un décalage particulier et l'heure d'été règles et l'histoire de ces changements (par la IANA fuseau horaire de base de données). 😉
    • Haha, vous avez à poster ce commentaire sur plusieurs réponses ici 😛
    InformationsquelleAutor Shane
  11. 0

    Pour Ionique utilisateurs, j'ai eu l'enfer avec ce parce que .toISOString() doit être utilisé avec le modèle html.

    Cela va saisir la date du jour, mais bien sûr, peut être ajouté à des questions précédentes pour une date sélectionnée.

    Je l'ai fixé à l'aide de ceci:

    JS:

    date = new Date();
public currentDate: any = new Date(this.date.getTime() - this.date.getTimezoneOffset()*60000).toISOString();

    L' *60000 indique l'UTC -6 qui est de la CST, donc quel que soit le Fuseau horaire est nécessaire, le nombre et la différence peut être changé.

    InformationsquelleAutor Stephen Romero
  12. -3

    A été confronté au même problème, a utilisé ce un

    De la Console.log(Date.parse("13 Juin 2018 10:50:39 GMT+1"));

    Il sera de retour millisecondes pour lesquelles vous pouvez vérifier l'ont +de 100 timzone initialiser Britanniques le temps
    Espérons que cela aide!!

    • (Ce post n'a pas l'air de fournir un la qualité de la réponse pour la question. Veuillez modifier votre réponse, ou tout simplement de poster un commentaire à la question).
    InformationsquelleAutor sandeep kumar