Veille Technologique | Moment.js

Table des matières

Moment.js | Librairie JavaScript

Moment.js était une bibliothèque JavaScript largement utilisée pour simplifier la manipulation et le formatage des dates. Grâce à sa syntaxe claire et intuitive, elle facilitait les tâches liées à la gestion du temps dans le développement web.

Afin de pouvoir utiliser moment.js il vous est nécessaire d’utiliser cette ligne de code :

Moment.js fournis une variété de fonctions pour travailler avec les dates et heures. Voici quelques exemples de fonctions couramment utilisées :

Créer une instance Moment :

var now = moment(); // Crée une instance représentant la date et l’heure actuelles
var customDate = moment(« 2022-01-01 », « YYYY-MM-DD »); // Crée une instance à partir d’une date spécifique

Formater une date :

var formattedDate = now.format(« YYYY-MM-DD HH:mm:ss »); // Formate la date selon le modèle fourni

Ajouter ou soustraire du temps :

var futureDate = now.add(7, ‘days’); // Ajoute 7 jours à la date actuelle
var pastDate = now.subtract(3, ‘months’); // Soustrait 3 mois à la date actuelle

Différence entre deux dates :

var diffInDays = futureDate.diff(now, ‘days’); // Calcule la différence en jours entre deux dates

Vérifier si une date est avant ou après une autre :

var isBefore = futureDate.isBefore(now); // Vérifie si futureDate est avant now
var isAfter = futureDate.isAfter(now); // Vérifie si futureDate est après now

Récupérer des composants de date individuels :

var year = now.year(); // Récupère l’année de la date actuelle

var month = now.month(); // Récupère le mois de la date actuelle (0-indexé)

Changer le fuseau horaire :

var newYorkTime = now.tz(« America/New_York »); // Change le fuseau horaire à New York

Exemple d'utilisation

<!DOCTYPE html>
<html lang= »en »>
<head>
<meta charset= »UTF-8″>
<meta http-equiv= »X-UA-Compatible » content= »IE=edge »>
<meta name= »viewport » content= »width=device-width, initial-scale=1.0″>
<title>Moment.js Example</title>
<!– Inclure le CDN de Moment.js –>
<script src= »https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js »></script>
</head>
<body>
<h1>Moment.js Example</h1>

// Formater la date en chaîne de caractères
var formattedDate = currentDate.format(‘YYYY-MM-DD HH:mm:ss’);

// Afficher la date formatée dans un élément HTML
document.write(‘<p>Date actuelle formatée : ‘ + formattedDate + ‘</p>’);
</script>
</body>
</html>

Alternatives à Moment.js

Day.js : Une bibliothèque légère de manipulation de dates, Day.js offre une syntaxe similaire à Moment.js tout en conservant une taille réduite pour des performances optimales.
date-fns : Modulaire et légère, date-fns propose une suite de fonctions pour la manipulation de dates. Elle permet de n’inclure que les parties nécessaires, réduisant ainsi la taille de votre bundle.
Luxon : Développée par les créateurs de Moment.js, Luxon est une bibliothèque moderne de manipulation de dates qui offre une API plus moderne et des performances améliorées.
date-fns-tz : Une extension de date-fns, date-fns-tz permet la manipulation de dates en prenant en compte les fuseaux horaires, facilitant ainsi la gestion des conversions entre fuseaux horaires.

Veille Technologique | Moment.js | N°11

Moment.js | Librairie JavaScript

Exemple d'utilisation

Alternatives à Moment.js

Laisser un commentaire Annuler la réponse