Maison > interface Web > js tutoriel > Gestion des dates et des heures à l'aide de moment.js

Gestion des dates et des heures à l'aide de moment.js

Joseph Gordon-Levitt
Libérer: 2025-02-10 14:57:15
original
620 Les gens l'ont consulté

Managing Dates and Times Using Moment.js

Le traitement de la date et de l'heure de JavaScript a toujours été compliqué. La méthode de date native est longue et l'API est souvent incohérente. Donc, si vous posez une question liée à la date sur StackOverflow, vous entendez souvent une réponse comme ceci: "Utiliser le moment.js".

Points clés

  • Moment.js simplifie le traitement des dates et des temps en JavaScript, fournissant des méthodes pour analyser, vérifier, fonctionner et afficher les dates et les heures.
  • Bien que le moment.js soit puissant, il est recommandé de considérer une alternative plus légère telle que les FN de date dans de nouveaux projets, car le moment.js est plus grand et a des objets variables.
  • Moment.js fournit diverses opérations de date et méthodes de calcul, telles que add (), soustraire (), fromNow () et diff (), qui peuvent être utilisées pour ajouter ou soustraire des unités de temps, calculer l'heure à partir du présent, et calculer deux opérations telles que la différence entre les dates.
  • La bibliothèque fournit également un support de langage international, permettant aux utilisateurs d'attribuer des langages globaux ou de définir des langues pour des objets de moment spécifiques.

Qu'est-ce que le moment.js?

Moment.js est un couteau à armée suisse utilisé pour gérer la date et l'heure de JavaScript. Il vous permet d'analyser, de vérifier, d'exploiter et d'afficher les dates et les heures à l'aide d'une API propre et concise.

Cet article vous montrera comment démarrer avec Moment.js et démontrer certains de ses cas d'utilisation courants.

AVERTISSEMENT: les nouveaux utilisateurs utilisent plutôt les FN de date

Veuillez noter qu'à partir de septembre 2020, nous recommandons aux utilisateurs qui souhaitent implémenter les bibliothèques de date utilisent à la place Date-FNS.

La fonctionnalité du moment.js est trop grande par rapport à sa taille, et les outils de développeur Chrome recommandent désormais activement de ne pas l'utiliser dans le cadre des tests de performances de métrique Web de base. Par conséquent, selon le personnel de maintenance du moment.js, le projet est en mode de maintenance et aucun nouveau développement fonctionnel ne sera effectué.

➤ Apprendre la date-FNS: une bibliothèque de dates JavaScript légère

débutant de Moment.js

Moment.js peut être téléchargé gratuitement à partir de la page d'accueil du projet. Moment.js peut fonctionner dans les navigateurs et les applications de nœuds. Pour l'utiliser dans Node, installez le module à l'aide de la commande suivante:

npm install moment
Copier après la connexion
Copier après la connexion

Ensuite, il suffit de nécessiter () et utilisez-le dans votre application comme ceci:

const moment = require('moment');
const today = moment();
console.log(today.format());

// 2020-01-09T15:45:51+01:00
Copier après la connexion
Copier après la connexion
Copier après la connexion

Pour exécuter un moment.js Dans votre navigateur, utilisez </pre> <p> </body> </html>

Formatage de date

moment().format('YYYY-MM-DD');
Copier après la connexion
Copier après la connexion
Copier après la connexion
Dans le passé, je me suis souvenu de convertir une chaîne de date en un objet de date, d'obtenir un seul fragment de données, puis d'effectuer une concaténation de chaîne. Moment.js simplifie le processus de conversion des dates en n'importe quel format spécifique. La conversion des formats de date à l'aide du moment est simple, comme le montre l'exemple suivant:

CALPHIER UNOT () nous donnera la date et l'heure actuelles, tandis que Format () le convertira au format spécifié. Cet exemple formate une date à une année à quatre chiffres, suivi d'un trait d'union suivi d'un mois à deux chiffres, d'un autre trait d'union et d'une date à deux chiffres.

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