In JavaScript werden die Monate als (0-11) dargestellt, was ziemlich schwierig zu erraten ist, insbesondere im Fall von mehreren Datumsangaben in einem Code. Im anderen Szenario kann es erforderlich sein, den Monat in Bezug auf eine bestimmte Zeitzone abzurufen. In solchen Fällen ist das Abrufen des Monatsnamens aus einem Datum in JavaScript eine große Hilfe, um dem Endentwickler die Arbeit zu erleichtern.
In diesem Tutorial werden die Ansätze zum Abrufen des Namens eines Monats aus einem Datum mit JavaScript erläutert.
Wie erhalte ich den Monatsnamen von einem Datum mit JavaScript?
Der Monatsname aus dem Datum kann in JavaScript mit den folgenden Ansätzen abgerufen werden:
- „ toLocaleString() ' Methode.
- „ getMonat() ' Methode.
- „ DateTimeFormat() ' Konstrukteur.
Lassen Sie uns die genannten Ansätze nacheinander besprechen!
Ansatz 1: Abrufen des Monatsnamens aus einem Datum in JavaScript mithilfe der toLocaleString()-Methode
Das ' toLocaleString() ”-Methode gibt eine Zahl in Form einer Zeichenfolge über das lokale Sprachformat zurück. Diese Methode kann angewendet werden, um den Monatsnamen aus dem Datumsobjekt abzurufen, das das aktuelle oder das angegebene Datum enthält.
Syntax
Datum. toLocaleString ( lokal , Optionen )In der obigen Syntax:
- „ Datum “ zeigt auf die Variable, die das Datumsobjekt enthält.
- „ lokal “ entsprechen den Zeitzonen.
- „ Optionen “ bezieht sich auf das Objekt mit der Möglichkeit der Formatierung.
Beispiel 1: Holen Sie sich den Monatsnamen aus dem aktuellen Datum
In diesem Beispiel wird der Monatsname aus dem „ aktuell ' Datum:
< Skripttyp = 'text/javascript' >Datum lassen = Neu Datum ( ) ;
Konsole. Protokoll ( 'Das aktuelle Datum ist:' , Datum )
lass getMonth = Datum. toLocaleString ( 'Ursprünglich' , {
Monat : 'lang' ,
} ) ;
Konsole. Protokoll ( 'Der Monat ist:' , getMonat ) ;
Skript >
Wenden Sie die folgenden Schritte an, wie im obigen Code angegeben:
- Erstellen Sie ein neues Datumsobjekt mit Hilfe des „ Neu “ Schlüsselwort und das “ Datum() ”-Konstruktor und zeigen Sie ihn an.
- Wenden Sie im nächsten Schritt das „ toLocaleString() ”-Methode und verknüpfen Sie sie mit der Variablen, die das Datumsobjekt enthält.
- Der Optionsparameter im Parameter der Methode wird auf „ Monat “. Dies führt zum Abrufen des Monats in Bezug auf das aktuelle Datum.
- Zeigen Sie abschließend den entsprechenden Monat auf der Konsole an.
Ausgabe
In der obigen Ausgabe kann beobachtet werden, dass der Monat „ November “ stimmt sowohl mit dem aktuellen Datum als auch mit dem aus dem Datum abgerufenen Monat überein.
Beispiel 2: Abrufen des Monatsnamens vom angegebenen Datum
In diesem speziellen Beispiel wird der Monatsname aus dem „ spezifizierten ' Datum:
< Skripttyp = 'text/javascript' >Datum lassen = Neu Datum ( 2021 , zwei , 25 ) ;
lass getMonth = Datum. toLocaleString ( 'Ursprünglich' , {
Monat : 'lang' ,
} ) ;
Konsole. Protokoll ( 'Der Monat ist:' , getMonat ) ;
Skript >
Wenden Sie die unten angegebenen Schritte an, wie in den obigen Codezeilen angegeben:
- Geben Sie das angegebene Datum mit Hilfe des „ Datum() ” Konstruktor, wie besprochen.
- Erinnern Sie sich an den im vorherigen Beispiel besprochenen Ansatz zum Extrahieren des Monats aus der zugehörigen Variablen, die das Datumsobjekt enthält.
- Zeigen Sie zuletzt den entsprechenden Monat in Bezug auf das angegebene Datum an.
Ausgabe
Da die Monate von (0-11) dargestellt werden, also „ zwei ” gibt hier den Monat an “ Marsch “.
Ansatz 2: Abrufen des Monatsnamens aus einem Datum in JavaScript mithilfe der Methode getMonth()
Das ' getMonat() ”-Methode gibt den Monat (0 bis 11) eines Datums zurück. Diese Methode kann implementiert werden, um mit Hilfe der benutzerdefinierten Funktion den entsprechenden Monat aus dem Array gegen das übergebene Datum anzuzeigen.
Beispiel
Betrachten wir das unten aufgeführte Beispiel:
< Skripttyp = 'text/javascript' >Lassen Sie fetchMonth = Funktion ( Datum ) {
Monatsliste = [ 'Januar' , 'Februar' , 'Marsch' , 'April' , 'Kann' , 'Juni' , 'Juli' , 'August' , 'September' , 'Oktober' , 'November' , 'Dezember' ] ;
Rückkehr Monatsliste [ Datum. getMonat ( ) ] ;
} ;
Konsole. Protokoll ( 'Der Monat ist:' , fetchMonat ( Neu Datum ( '05.08.2012' ) ) ) ;
Konsole. Protokoll ( 'Der Monat ist:' , fetchMonat ( Neu Datum ( '13.7.2022' ) ) ) ;
Skript >
Implementieren Sie die folgenden Schritte, wie im obigen Code-Snippet angegeben:
- Definieren Sie eine Inline-Funktion namens „ fetchMonat() „haben“ Datum “ als Parameter, der das übergebene Datum enthält und den Monat dagegen abruft.
- Erstellen Sie in der Funktionsdefinition ein Array mit dem Namen „ Monatsliste ” mit allen Kalendermonaten.
- Wenden Sie danach das „ getMonat() ” Methode und verknüpfen Sie es mit dem übergebenen Datum, um den Monat in Bezug darauf zu extrahieren (Datum).
- Greifen Sie schließlich auf die definierte Funktion zu, indem Sie die mit Hilfe des „ Datum() ' Konstrukteur.
Ausgabe
Die obige Ausgabe zeigt an, dass die gewünschte Anforderung erfüllt wurde.
Ansatz 3: Abrufen des Monatsnamens aus einem Datum in JavaScript mithilfe des Intl.DateTimeFormat-Konstruktors
Das ' Intl.ZahlenFormat() ” Konstruktor erstellt ein neues Objekt und ermöglicht dadurch die sprachabhängige Formatierung einer Zahl. Dieser Ansatz kann angewendet werden, um das Zieldatum an die „ Format() “-Methode und formatieren Sie sie basierend auf der übergebenen Option.
Syntax
Intl. Zahlenformat ( lokal , Optionen )In der obigen Syntax:
- „ lokal “ beziehen sich auf Zeitzonen.
- „ Optionen “ entsprechen den Formatierungsoptionen.
Beispiel
Sehen Sie sich den folgenden Code an:
< Skripttyp = 'text/javascript' >Konsole. Protokoll ( 'Der Monat ist:' , Neu Intl. DateTimeFormat ( 'in uns' , { Monat : 'lang' } ) . Format ( Neu Datum ( 2022 , 3 , fünfzehn ) ) )
Skript >
Wenden Sie die unten angegebenen Schritte an, wie in der obigen Codeanweisung angegeben:
- Wende an ' DateTimeFormat() ” Konstruktor mit der angegebenen Zeitzone und der Option „ Monat “ als seine Parameter.
- Das ' Format() “-Methode formatiert das Datum, das in der „ Datum() ” Konstruktor nach der angegebenen Zeitzone.
- Daher das entsprechende „ Monat ” neben dem Datum wird auf der Konsole angezeigt.
Ausgabe
In der obigen Ausgabe ist der Monat „ April ” bezieht sich auf den angegebenen numerischen Monat “ 3 “ im Datum.
Fazit
Das ' toLocaleString() “-Methode, die „ getMonat() “-Methode oder die „ Intl.DateTimeFormat() ”-Konstruktor kann verwendet werden, um den Monatsnamen aus einem Datum in JavaScript abzurufen. Die Methode toLocaleString() kann verwendet werden, um den Monatsnamen aus dem aktuellen oder dem angegebenen Datum zu erhalten. Die Methode getMonth() holt den Monat direkt aus dem übergebenen Datum. Wohingegen der Konstruktor Intl.DateTimeFormat() implementiert werden kann, um das Datum basierend auf der hinzugefügten Option zu formatieren. In diesem Blog wurden die Methoden zum Abrufen des Monatsnamens aus einem Datum in JavaScript erläutert.