Maison > interface Web > js tutoriel > Comment convertir la date et l'heure UTC en heure locale en JavaScript et jQuery ?

Comment convertir la date et l'heure UTC en heure locale en JavaScript et jQuery ?

Susan Sarandon
Libérer: 2024-12-22 18:37:09
original
856 Les gens l'ont consulté

How to Convert UTC Date and Time to Local Time in JavaScript and jQuery?

Conversion de l'heure de la date UTC en heure de la date locale

Lors de la réception d'une variable datetime du serveur au format UTC, il est nécessaire de la convertir au fuseau horaire du navigateur de l'utilisateur actuel pour un affichage précis. Ce guide fournit une solution basée sur JavaScript ou jQuery pour cette tâche.

Conversion JavaScript

Pour convertir une chaîne datetime UTC en JavaScript, suivez ces étapes :

  1. Ajouter la chaîne 'UTC' à l'original datetime :

  2. Créez un nouvel objet Date en utilisant la chaîne modifiée :

  3. L'objet date résultant sera représente l'équivalent en heure locale de l'UTC d'origine datetime.

Exemple :

utcDateTime = '6/29/2011 4:52:48 PM UTC';
date = new Date(utcDateTime);
Copier après la connexion
The output `Wed Jun 29 2011 09:52:48 GMT-0700 (PDT)` represents the local time in the user's browser, corresponding to 4:52:48 PM UTC.

**jQuery Conversion**

jQuery provides a similar method for UTC datetime conversion:

>```
var date = $.datepicker.parseDate('utc', '6/29/2011 4:52:48 PM UTC');
Copier après la connexion

La variable de date résultante contiendra l'équivalent horaire local de l'UTC datetime.

Remarque : L'exemple présenté suppose que le fuseau horaire de l'utilisateur est le Pacifique. Heure avancée (PDT). L'heure locale réelle affichée varie en fonction des paramètres de fuseau horaire du navigateur 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!

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