Maison > interface Web > js tutoriel > Comment puis-je convertir la date et l'heure UTC en fuseau horaire du navigateur local d'un utilisateur à l'aide de JavaScript ou de jQuery ?

Comment puis-je convertir la date et l'heure UTC en fuseau horaire du navigateur local d'un utilisateur à l'aide de JavaScript ou de jQuery ?

Linda Hamilton
Libérer: 2024-12-06 07:35:12
original
995 Les gens l'ont consulté

How Can I Convert UTC Date and Time to a User's Local Browser Time Zone Using JavaScript or jQuery?

Conversion de la date et de l'heure UTC en fuseau horaire du navigateur local

Lors de la récupération des informations de date et d'heure à partir des serveurs, elles sont souvent fournies en temps universel coordonné (UTC). Cependant, l'affichage de ces valeurs dans le fuseau horaire local d'un utilisateur est essentiel pour des applications conviviales. JavaScript et jQuery offrent des méthodes pratiques pour réaliser cette conversion.

Utiliser JavaScript pour convertir UTC en heure locale

L'objet JavaScript Date accepte les chaînes au format UTC. Pour convertir une chaîne UTC en fuseau horaire local du navigateur, ajoutez simplement « UTC » à la chaîne avant de créer un nouvel objet Date :

var utcDateTime = "6/29/2011 4:52:48 PM";
var utcDate = new Date(utcDateTime + " UTC");

console.log(utcDate.toString()); // "Wed Jun 29 2011 09:52:48 GMT-0700 (PDT)"
Copier après la connexion

L'objet utcDate résultant représentera l'équivalent horaire local de l'UTC fourni. chaîne.

Utiliser jQuery pour convertir UTC en heure locale

jQuery simplifie même le processus plus loin avec ses fonctions utc() et local() :

var utcDateTime = "6/29/2011 4:52:48 PM";
var localDate = $.utc(utcDateTime).local();

console.log(localDate.format()); // "2011-06-29T09:52:48-07:00"
Copier après la connexion

L'objet localDate est un objet moment qui fournit des capacités supplémentaires de manipulation du temps et de formatage.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal