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

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

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-14 12:36:11921parcourir

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

Conversion de la date-heure UTC en date-heure locale

Lors de la réception d'une variable date-heure au format UTC à partir d'un serveur, telle que "29/06/2011 4 : 52:48 PM", il est souvent nécessaire de le convertir dans le fuseau horaire local de l'utilisateur à des fins d'affichage. Ceci peut être réalisé en utilisant JavaScript ou jQuery.

Utilisation de JavaScript

Pour convertir une représentation sous forme de chaîne d'une date/heure en heure UTC vers le fuseau horaire local de l'utilisateur à l'aide de JavaScript, ajoutez « UTC » à la chaîne. avant de le convertir en date :

var date = new Date('6/29/2011 4:52:48 PM UTC');

Cela créera un objet Date qui représente la date et l'heure dans le fuseau horaire local de l'utilisateur. La méthode toString() de l'objet Date peut être utilisée pour obtenir la date et l'heure dans un format de chaîne à afficher :

date.toString() // "Wed Jun 29 2011 09:52:48 GMT-0700 (PDT)"

Utilisation de jQuery

jQuery fournit une méthode similaire pour convertir un Date/heure UTC vers une date/heure locale. La bibliothèque moment-timezone doit être incluse dans le document pour que cela fonctionne :

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.18/moment-timezone.min.js"></script>

Une fois la bibliothèque moment-timezone chargée, vous pouvez utiliser le code jQuery suivant pour convertir une chaîne datetime UTC en chaîne locale de l'utilisateur. fuseau horaire :

var date = moment.utc('6/29/2011 4:52:48 PM').local().format('MM/DD/YYYY HH:mm:ss a');

Cela créera un objet date qui représente la date et l'heure dans le fuseau horaire local de l'utilisateur. La méthode format() de l'objet moment peut être utilisée pour obtenir la date et l'heure dans un format de chaîne à afficher.

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!

Déclaration:
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