Obtenez le nom du mois à partir d'une date en JavaScript

Obtenez le nom du mois à partir d'une date en JavaScript

En JavaScript, les mois sont représentés comme (0-11), ce qui est assez difficile à deviner, en particulier dans le cas de plusieurs dates dans un code. Dans l'autre scénario, il peut être nécessaire de récupérer le mois en ce qui concerne un fuseau horaire particulier. Dans de tels cas, obtenir le nom du mois à partir d'une date en JavaScript est d'une grande aide pour fournir une facilité à la fin du développeur.

Ce tutoriel discutera des approches pour récupérer le nom d'un mois à partir d'une date à l'aide de JavaScript.

Comment obtenir le nom du mois à partir d'une date à l'aide de JavaScript?

Le nom du mois à partir de la date peut être récupéré en JavaScript en utilisant les approches suivantes:

  • "tolocalestring ()" méthode.
  • "getMonth ()" méthode.
  • "DateTimeFormat ()»Constructeur.

Discutons des approches énoncées une par une!

Approche 1: Obtenez le nom du mois à partir d'une date en JavaScript à l'aide de la méthode Tolocalestring ()

Le "tolocalestring ()»La méthode donne un nombre sous la forme d'une chaîne via le format de langue locale. Cette méthode peut être appliquée pour récupérer le nom du mois à partir de l'objet de date qui maintient le courant ou la date spécifiée.

Syntaxe

date.Tolocalestring (Lieux, Options)

Dans la syntaxe ci-dessus:

  • "date”Pointe vers la variable contenant l'objet de date.
  • "localités»Correspond aux fuseaux horaires.
  • "options»Fait référence à l'objet ayant la possibilité de formater.

Exemple 1: Obtenez le nom du mois à partir de la date actuelle

Dans cet exemple, le nom du mois sera récupéré dans le «actuel" date:

Appliquez les étapes suivantes, comme indiqué dans le code ci-dessus:

  • Créez un nouvel objet de date à l'aide du «nouveau»Mot-clé et«Date()”Constructeur, respectivement, et l'afficher.
  • Dans l'étape suivante, appliquez le «tolocalestring ()”Méthode et associez-le à la variable contenant l'objet date.
  • Le paramètre d'options du paramètre de la méthode sera défini sur «mois". Cela entraînera la récupération du mois par rapport à la date actuelle.
  • Enfin, affichez le mois correspondant sur la console.

Sortir

Dans la sortie ci-dessus, on peut observer que le mois "Novembre»Correspond à la fois à la date actuelle et au mois récupéré à partir de la date.

Exemple 2: Obtenez le nom du mois à partir de la date spécifiée

Dans cet exemple particulier, le nom du mois sera extrait du «spécifié" date:

Appliquez les étapes ci-dessous, comme indiqué dans les lignes de code ci-dessus:

  • Spécifiez la date indiquée à l'aide du «Date()”Constructeur, comme discuté.
  • Rappelez-vous l'approche discutée dans l'exemple précédent pour extraire le mois de la variable associée tenant l'objet date.
  • Enfin, affichez le mois correspondant par rapport à la date spécifiée.

Sortir

Comme les mois sont représentés à partir de (0-11), d'où «2"Ici indique le mois"Mars".

Approche 2: Obtenez le nom du mois à partir d'une date en JavaScript à l'aide de la méthode GetMonth ()

Le "getMonth ()»La méthode donne le mois (0 à 11) d'une date, en retour. Cette méthode peut être implémentée pour afficher le mois correspondant à partir du tableau avec la date passée à l'aide de la fonction définie par l'utilisateur.

Exemple

Présentation de l'exemple indiqué ci-dessous:

Implémentez les étapes suivantes, comme indiqué dans l'extrait de code ci-dessus:

  • Définissez une fonction en ligne nommée «fetchmonth ()" ayant "date«Comme paramètre, qui contiendra la date passée et récupérera le mois contre lui.
  • Dans la définition de la fonction, créez un tableau nommé «liste de mois"Avoir tous les mois civils.
  • Après cela, appliquez le «getMonth ()«Méthode et associez-le à la date passée pour extraire le mois par rapport à lui (date).
  • Enfin, accédez à la fonction définie en passant les dates spécifiées à l'aide du «Date()»Constructeur.

Sortir

La sortie ci-dessus indique que l'exigence souhaitée a été remplie.

Approche 3: Obtenez le nom du mois à partir d'une date en JavaScript en utilisant INTL.Constructeur DateTimeFormat

Le "Intl.Format de nombre()»Le constructeur crée un nouvel objet, permettant ainsi le formatage d'un nombre sensible à la langue. Cette approche peut être appliquée pour passer la date cible au «format()”Méthode et le formater en fonction de l'option passée.

Syntaxe

Intl.NumberFormat (Lieux, Options)

Dans la syntaxe ci-dessus:

  • "localités»Référez-vous aux fuseaux horaires.
  • "options»Correspond aux options de formatage.

Exemple

Jetez un œil au code suivant:

Appliquez les étapes ci-dessous, comme prévu dans l'instruction de code ci-dessus:

  • Appliquer le "DateTimeFormat ()"Constructeur ayant le fuseau horaire déclaré et l'option"mois"Comme ses paramètres.
  • Le "format()«La méthode formara la date spécifiée dans le«Date()"Constructeur selon le fuseau horaire déclaré.
  • Par conséquent, le correspondant «mois"Contre la date sera affichée sur la console.

Sortir

Dans la sortie ci-dessus, le mois "Avril"Fait référence au mois numérique spécifié"3"Dans la date.

Conclusion

Le "tolocalestring ()"Méthode, le"getMonth ()«Méthode, ou le«Intl.DateTimeFormat ()»Le constructeur peut être utilisé pour récupérer le nom du mois à partir d'une date en JavaScript. La méthode Tolocalestring () peut être utilisée pour obtenir le nom du mois à partir de la date actuelle ou spécifiée. La méthode getMonth () récupère le mois à partir de la date passée directement. Alors que l'intl.Le constructeur DateTimeFormat () peut être implémenté pour formater la date en fonction de l'option ajoutée. Ce blog a expliqué les méthodes pour récupérer le nom du mois à partir d'une date dans JavaScript.