Conversion des millisecondes en une date lisible dans jQuery/JavaScript

Dans le domaine du développement Web, il est souvent crucial d'afficher avec précision les horodatages pour les interactions des utilisateurs. Un défi courant consiste à convertir les millisecondes, une représentation numérique du temps, dans un format plus lisible comme JJ/MM/AAAA HH:MM:SS. Dans cet article, nous vous guiderons tout au long du processus de conversion des millisecondes en une date conviviale à l'aide de JavaScript.

Détermination de l'heure du serveur

Pour garantir que l'horodatage affiché reflète fidèlement l'heure du serveur heure, il est recommandé d'utiliser l'horodatage côté serveur. Cela élimine tous les écarts causés par les variations des fuseaux horaires des utilisateurs ou les écarts des machines locales. En JavaScript, vous pouvez obtenir l'heure du serveur en effectuant une requête AJAX à l'API du serveur et en capturant la réponse.

Obtention des millisecondes depuis l'époque

Une fois que vous avez l'heure du serveur, vous pouvez extraire l'heure du serveur. millisecondes depuis le 1er janvier 1970 00:00:00 UTC. Cet horodatage d’époque est un point de référence universel qui garantit la cohérence entre les différents systèmes. En JavaScript, vous pouvez utiliser la méthode getTime() de l'objet Date pour récupérer l'horodatage actuel en millisecondes :

var time = new Date().getTime();

Conversion de millisecondes en date

Pour convertir les millisecondes en une date lisible par l'homme, nous devons créer un nouvel objet Date en utilisant la valeur en milliseconde :

var time = new Date(time);

Maintenant, vous pouvez utiliser différentes méthodes de l'objet Date pour extraire les composants individuels de la date :

• date.getFullYear() : Année
• date.getMonth() : mois (basé sur 0)
• date.getDate() : jour du mois
• date.getHours() : Heure (0-23)
• date.getMinutes() : Minutes (0-59)
• date.getSeconds() : Secondes (0-59)

En combinant ces composants, vous pouvez construire le format de date souhaité :

var formattedDate = date.getFullYear()   '/'   (date.getMonth()   1)   '/'   date.getDate()   ' '   date.getHours()   ':'   date.getMinutes()   ':'   date.getSeconds();

Cela affichera la date dans le format spécifié, tel que : "2023/03/24 12:34:56".

Conclusion

Conversion des millisecondes en un la date lisible dans jQuery/JavaScript est simple. En obtenant l'heure du serveur, en extrayant les millisecondes depuis l'époque et en utilisant les méthodes fournies par l'objet Date, vous pouvez créer des horodatages conviviaux qui représentent avec précision l'heure des interactions des utilisateurs dans vos applications Web.