La clé pour traiter les problèmes de fuseau horaire JavaScript est de choisir la bonne méthode. 1. Lorsque vous utilisez des objets de date native, il est recommandé de stocker et de transférer dans le temps UTC et de le convertir au fuseau horaire local de l'utilisateur lors de la présentation; 2. Pour les opérations de fuseau horaire complexes, le moment-temps peut être utilisé, qui prend en charge la base de données du fuseau horaire IANA et offre des fonctions de mise en forme et de conversion pratiques; 3. Si vous avez besoin de localiser l'heure d'affichage et que vous ne souhaitez pas introduire des bibliothèques tierces, vous pouvez utiliser intl.datetimeFormat; 4. Il est recommandé que le jour moderne de la solution légers.

La clé pour gérer les problèmes de fuseau horaire en JavaScript est de comprendre les opérations de base du temps et comment afficher ou convertir correctement les fuseaux horaires dans différents scénarios. Bien que les objets Date natifs JavaScript soient puissants, ils sont basés sur le fuseau horaire local de l'environnement en cours d'exécution par défaut, ce qui est sujet aux erreurs dans les applications de la région croisée.

Voici quelques méthodes et conseils pratiques pour vous aider à mieux gérer les problèmes de fuseau horaire.

Bases de l'utilisation d'objets de date

Les objets Date de JavaScript peuvent être créés, formatés et opérés pour le temps. Cependant, il a une "fosse": le temps de sortie est généralement basé sur le fuseau horaire local où se trouve le navigateur de l'utilisateur.

 const Now = new Date ();
console.log (maintenant); // La sortie est l'heure locale

Si vous souhaitez simplement obtenir du temps UTC, vous pouvez utiliser .toUTCString() ou .getUTCHours() et d'autres méthodes:

 console.log (maintenant.toutcstring ()); // affiché comme temps UTC

suggestion:

• Si vous avez besoin d'une norme de temps unifiée, il est recommandé d'utiliser toujours le temps UTC pour le stockage et la transmission.
• Lorsqu'ils sont affichés aux utilisateurs, convertissez-vous en fonction de leur fuseau horaire.

Utiliser le moment.js et le moment-temps pour gérer les fuseaux horaires complexes

Si le projet doit changer fréquemment des fuseaux horaires ou afficher plusieurs fuseaux horaires, la date native sera plus difficile à utiliser. Pour le moment, vous pouvez envisager d'introduire Moment-TimeZone .

Méthode d'installation (NPM):

 NPM Install Moment-TimeZone

Utilisation de base:

 const moment = require ('moment-timeZone');

// Obtenez l'heure actuelle d'un certain fuseau horaire const newyorktime = Moment (). Tz ("America / new_york"). Format ();
Console.log (Newyorktime);

Avantages:

• Prend en charge une base de données complète du fuseau horaire IANA
• Il peut être formaté, analysé et converti des temps facilement

Avis:

• Moment.js est entré en mode de maintenance et convient pour une utilisation dans les anciens projets. Des alternatives peuvent être prises en compte pour de nouveaux projets.

Utiliser intl.datetimeformat pour l'affichage localisé

Si vous ne souhaitez pas introduire des bibliothèques tierces et que vous souhaitez afficher le temps par le fuseau horaire et le format de la langue de l'utilisateur, vous pouvez utiliser le Intl.DateTimeFormat intégré.

 const Options = {
  fuseau horaire: ?Asie / Shanghai?,
  Année: ?numérique?, mois: ?long?, jour: ?numérique?,
  heure: ?2 chiffres?, minute: ?à 2 chiffres?
};

const Formatter = new intl.datetimeFormat (?zh-cn?, options);
console.log (formatter.format (new Date ())); // Sortie du temps de Pékin

L'avantage de cette méthode est qu'il ne nécessite pas de dépendances supplémentaires et peut s'adapter automatiquement aux habitudes linguistiques de l'utilisateur.

Solution moderne recommandée: Plugin de fuseau horaire Day.js

Day.js est une alternative légère à la bibliothèque Moment.js, et la fonction de fuseau horaire peut également être prise en charge via des plug-ins.

Installer:

 NPM Install DayJS
NPM Install @ DayJS / Plugin-TimeZone
NPM Install @ DayJS / Plugin-UTC

utiliser:

 const dayjs = requis ('dayjs');
const utc = require ('@ dayjs / plugin-utc');
const timezone = requis ('@ dayjs / plugin-timezone');

dayjs.extend (UTC);
dayjs.extend (fuseau horaire);

const beijingtime = dayjs (). tz ('asia / shanghai'). format ();
Console.log (BeijingTime);

avantage:

• Petite taille, bonnes performances
• L'API est un co?t d'apprentissage simple et faible
• Prend en charge la conversion de l'UTC et du fuseau horaire

En général, JavaScript gère les fuseaux horaires de diverses manières, et il existe des scénarios applicables des bibliothèques natives à tiers. Si vous affichez simplement l'heure locale, utilisez Intl suffit; Si vous souhaitez contr?ler de manière flexible le fuseau horaire, le moment-tempszone ou le jour.js sont de bons choix.

Fondamentalement, c'est tout.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!