Comment convertir les dates UTC au format local utilisateur avec JavaScript ?

Conversion des dates UTC au format local de l'utilisateur avec JavaScript

Dans le développement Web, l'affichage des dates et des heures dans les paramètres régionaux de l'utilisateur peut améliorer l'UX et garantir une représentation correcte des données. Ceci est particulièrement important lorsque le serveur fournit des données dans un format cohérent (par exemple, UTC) et doit être ajusté au fuseau horaire et aux paramètres régionaux de l'utilisateur.

Étape 1 : Commencez par une date UTC

Pour manipuler efficacement la date, commencez par créer un nouvel objet Date et utilisez les méthodes setUTC... pour définir la date et l'heure sur les valeurs UTC. Cela garantit un point de départ cohérent pour toute manipulation ultérieure.

Étape 2 : Utiliser les méthodes toLocaleString

Une fois la date au format UTC, les méthodes toLocale...String peuvent être utilisées pour la convertir. aux préférences locales de l'utilisateur. Ces méthodes incluent :

• toLocaleString() : fournit une représentation sous forme de chaîne localisée de la date et de l'heure entières.
• toLocaleDateString() : renvoie une représentation sous forme de chaîne localisée de la date uniquement.
• toLocaleTimeString() : renvoie une représentation sous forme de chaîne localisée de l'heure uniquement.

Exemple

L'extrait de code suivant montre comment créer une date UTC et la convertir en le format des paramètres régionaux de l'utilisateur :

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

// Display results
console.log(d);                           // UTC representation
console.log(d.toLocaleString());           // Localized date and time 
console.log(d.toLocaleDateString());       // Localized date
console.log(d.toLocaleTimeString());       // Localized time

Sortie :

Sat Feb 28 2004 23:45:26 GMT-0300 (BRT)
Sat Feb 28 23:45:26 2004
02/28/2004
23:45:26

En suivant ces étapes, vous pouvez afficher efficacement les dates et les heures dans le format des paramètres régionaux de l'utilisateur, en tenant compte de son fuseau horaire et de ses paramètres régionaux préférences.

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!