Manipuler les opérations de date et d’heure avec Luxon, une bibliothèque de date moderne en JavaScript

Vous pouvez utiliser JavaScript pour créer des applications web dynamiques et des applications qui s’exécutent dans d’autres environnements, y compris le bureau. De nombreuses applications doivent gérer des dates et des heures, qu’il s’agisse de programmateurs, d’applications de chat ou d’applications de réservation d’événements.

Luxon offre une alternative supérieure à la technologie JavaScript native. Date avec des méthodes plus conviviales et plus fiables pour gérer les opérations relatives à la date et à l’heure.

Installation de Luxon

Vous pouvez ajouter Luxon à votre application JavaScript de plusieurs manières, selon votre méthode préférée. Les deux méthodes les plus courantes consistent à utiliser npm pour installer la bibliothèque ou d’utiliser un lien CDN pour inclure la bibliothèque dans votre application.

Pour installer Luxon dans un projet Node.js, lancez la commande npm suivante dans votre terminal :

Utilisez la bibliothèque dans votre fichier JavaScript en exigeant luxon :

Ce code utilise la déstructuration d’objets pour importer la bibliothèque DateTime de la bibliothèque Luxon et créer une nouvelle variable DateTime faisant référence à cette classe.

Cela vous permet de créer des instances de dates et d’heures et d’effectuer des opérations telles que le formatage des dates pour l’affichage.

Vous pouvez également inclure Luxon dans votre application en utilisant un lien CDN. Pour ce faire, ajoutez la balise suivante à votre fichier HTML :

En utilisant cette approche, vous pouvez exécuter des scripts à l’aide de Luxon dans le corps de votre code HTML.

Caractéristiques de Luxon

Luxon offre de nombreuses fonctionnalités, ce qui en fait un package précieux pour gérer les dates et les heures dans les applications JavaScript.

Manipulation complète de la date et de l’heure

Luxon propose plusieurs méthodes pour créer, manipuler et récupérer des dates et des heures. Luxon simplifie les tâches telles que l’ajout ou la soustraction de durées, la définition de composants de date et d’heure spécifiques et l’exécution de calculs de temps relatifs.

Formatage et localisation

Les options de formatage de Luxon vous permettent d’afficher les dates et les heures dans de nombreux formats. Luxon prend en charge différents modèles de format et vous permet de définir des dates et des heures en fonction d’autres langues.

Prise en charge des fuseaux horaires

Luxon vous permet de travailler efficacement avec des dates et des heures dans différents fuseaux horaires. Luxon fournit des méthodes pour définir et convertir les fuseaux horaires.

Conception immuable

Luxon suit un modèle de conception immuable, garantissant que DateTime sont immuables. Cette approche permet d’obtenir un comportement prévisible et cohérent lors de l’utilisation de dates et d’heures.

Documentation étendue de l’API

La documentation de l’API de Luxon est très détaillée, ce qui facilite l’exploration et la compréhension des méthodes, options et fonctionnalités disponibles.

La classe DateTime dans Luxon

La classe DateTime de Luxon DateTime dans Luxon représente une date et une heure particulières. Elle offre à la fois des méthodes de classe et d’instance qui vous permettent d’effectuer diverses tâches. Ces tâches comprennent la création, l’analyse, la récupération, la modification et le formatage de dates et d’heures.

Voici quelques unes des différentes façons de créer une nouvelle instance de la classe Date Heure dans Luxon :

• La DateTime.local() est une méthode qui permet de créer une nouvelle instance de DateTime : Ce code crée une nouvelle instance de DateTime en utilisant la méthode DateTime.local() à l’aide de la méthode DateTime.local(). Cette méthode prend sept arguments représentant les valeurs de l’année, du mois, du jour, de l’heure, de la minute, de la seconde et de la milliseconde de la date et de l’heure que vous souhaitez créer.
• La méthode DateTime.fromJSDate() : Le code crée une nouvelle instance de date native JavaScript et la transmet à la méthode DateTime.fromJSDate() Cette méthode renvoie un objet DateTime représentant la même date et la même heure. Cette méthode renvoie un objet DateTime représentant la même date et la même heure.
• La méthode DateTime.fromObject() est une méthode qui permet de créer une nouvelle instance de DateTime à partir d’un objet : Ce bloc de code montre comment créer une nouvelle instance de DateTime en utilisant la méthode DateTime.fromObject() à l’aide de la méthode DateTime.fromObject(). La méthode prend un objet avec des propriétés représentant les valeurs de l’année, du mois, du jour, de l’heure, de la minute, de la seconde et de la milliseconde de la date et de l’heure que vous souhaitez créer.
• L’utilisation de la méthode DateTime.now() : Ce bloc de code montre comment créer une nouvelle instance de Date Time en utilisant la méthode DateTime.now() à l’aide de la méthode DateTime.now(). Cette méthode renvoie une nouvelle instance DateTime représentant la date et l’heure actuelles dans le fuseau horaire local.

Formatage des objets DateTime en chaînes de caractères

Luxon simplifie le formatage des objets DateTime en chaînes de caractères représentant des dates et des heures spécifiques. Vous pouvez utiliser Luxon pour formater des dates et des heures de différentes manières.

ISO 8601

Le format ISO 8601 est largement utilisé pour la représentation normalisée des dates et des heures. Pour formater une DateTime en tant que chaîne ISO 8601, utilisez la fonction toISO() pour obtenir une chaîne ISO 8601 :

Formats lisibles par l’homme

Luxon supporte des formats lisibles par l’homme que vous pouvez personnaliser pour les langues locales. Vous pouvez formater un DateTime en une chaîne de caractères lisible par l’homme à l’aide de la fonction toLocaleString() méthode :

Formatage basé sur les jetons

Le formatage basé sur des jetons vous permet de formater la date et l’heure dans des chaînes personnalisées à l’aide d’espaces réservés appelés jetons. Pour formater une DateTime à l’aide de jetons, utilisez la méthode toFormat() pour ce faire :

Dans l’exemple ci-dessus, la chaîne de format aaaa-MM-jj HH:mm:ss représente le format de sortie souhaité. Les jetons aaaa, MM, jj, HH, mm et ss correspondent à l’année, au mois, au jour, à l’heure, à la minute et à la seconde de l’article DateTime respectivement.

Luxon vous permet d’effectuer un large éventail de représentations de la date et de l’heure en fournissant un ensemble étendu de jetons.

Analyse et validation des dates et heures dans Luxon

Luxon fournit des méthodes robustes pour l’analyse et la validation des dates et des heures. Ces fonctionnalités sont utiles pour des tâches telles que la validation des entrées utilisateur ou la conversion des représentations de chaînes de dates et d’heures en DateTime objets.

La méthode fromFormat()

La méthode fromFormat() vous permet d’analyser une représentation sous forme de chaîne de caractères d’une date et d’une heure, et de la convertir en un format DateTime . Elle prend deux arguments, la chaîne d’entrée et une chaîne de format spécifiant le format d’entrée. Elle prend deux arguments, la chaîne d’entrée et une chaîne de format spécifiant le format d’entrée.

Par exemple :

Validation des dates et heures à l’aide de la méthode isValid

La méthode isValid vérifie si un DateTime représente une date et une heure valides. Elle renvoie vrai si l’objet est valide et faux dans le cas contraire.

Comme suit :

Dans l’exemple, le premier DateTime représente une date non valide car le 29 février 2022 n’est pas valide. Le deuxième objet DateTime représente une date valide du 28 février 2022.

Les fonctionnalités d’analyse et de validation de Luxon vous aident à traiter avec précision les dates et les heures, à valider les entrées et à fournir des représentations fiables des données de date et d’heure.

Alternatives à Luxon

Vous avez appris à créer, formater et valider des instances de date et d’heure avec Luxon. Ces conseils vous aideront à créer des applications web qui nécessitent la gestion de la date et de l’heure.

Vous pouvez également utiliser d’autres packages JavaScript pour gérer la date et l’heure dans vos applications web, notamment Day.js et Date.fns. Ces packages ont leurs avantages et leurs inconvénients, et vous devez baser votre préférence sur vos besoins spécifiques.

S’abonner à notre lettre d’information