Comment afficher les dates et les heures dans les paramètres régionaux de l'utilisateur avec un décalage horaire ?

Affichage de la date/heure dans les paramètres régionaux de l'utilisateur avec décalage horaire

Dans les applications Web, gérer la date et l'heure dans différents fuseaux horaires et paramètres régionaux peut être un défi. Une exigence est d'afficher les dates dans le format préféré de l'utilisateur et de les ajuster à son fuseau horaire local.

Pour y parvenir, il est recommandé de stocker les dates au format UTC (Temps universel coordonné) sur le serveur puis d'utiliser JavaScript. côté client pour les convertir dans les paramètres régionaux et le fuseau horaire de l'utilisateur.

Création d'un objet Date UTC

La première étape consiste à créer un nouvel objet Date et utilisez les méthodes setUTC... pour le régler à la date et à l'heure souhaitées en UTC. Par exemple :

d = new Date();
d.setUTCFullYear(2004);
d.setUTCMonth(1);
d.setUTCDate(29);
d.setUTCHours(2);
d.setUTCMinutes(45);
d.setUTCSeconds(26);

Ce code crée un objet Date représentant le 29 février 2004 à 2:45:26 UTC.

Localisation de la date/heure

Une fois que vous avez un objet Date UTC, vous pouvez utiliser les différentes méthodes toLocale...String pour le convertir en chaîne localisée.

• toLocaleString() renvoie un message convivial. représentation sous forme de chaîne de la date et de l'heure.
• toLocaleDateString() renvoie uniquement la partie date.
• toLocaleTimeString() renvoie uniquement la partie heure.

console.log(d.toLocaleString());       // "Sat Feb 28 23:45:26 2004"
console.log(d.toLocaleDateString());   // "02/28/2004"
console.log(d.toLocaleTimeString());   // "23:45:26"

En utilisant les dates UTC et en les convertissant côté client, vous pouvez vous assurer que les dates s'affichent correctement et reflètent les paramètres régionaux et le fuseau horaire préférés de l'utilisateur.

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!