In JavaScript worden de maanden weergegeven als (0-11), wat nogal een uitdaging is om te raden, vooral in het geval van meerdere datums in een code. In het andere scenario kan er een vereiste zijn om de maand op te halen met betrekking tot een bepaalde tijdzone. In dergelijke gevallen is het een grote hulp om de eindontwikkelaar gemak te bieden door de naam van de maand uit een datum in JavaScript te halen.
Deze zelfstudie bespreekt de benaderingen voor het ophalen van de naam van een maand vanaf een datum met behulp van JavaScript.
Hoe krijg ik de maandnaam van een datum met behulp van JavaScript?
De naam van de maand vanaf de datum kan op de volgende manieren in JavaScript worden opgehaald:
- “ naarLocaleString() ” methode.
- “ getMonth() ” methode.
- “ DateTimeFormat() ” constructeur.
Laten we de vermelde benaderingen één voor één bespreken!
Benadering 1: Haal de maandnaam op van een datum in JavaScript met behulp van de methode toLocaleString().
De ' naarLocaleString() ” methode geeft een getal in de vorm van een string via het formaat van de lokale taal. Deze methode kan worden toegepast om de maandnaam op te halen uit het datumobject met de huidige of de opgegeven datum.
Syntaxis
datum. naarLocaleString ( lokaal , opties )In de bovenstaande syntaxis:
- “ datum ” wijst naar de variabele die het datumobject vasthoudt.
- “ lokaal ” komen overeen met de tijdzones.
- “ opties ” verwijst naar het object met de mogelijkheid om te formatteren.
Voorbeeld 1: haal de maandnaam op vanaf de huidige datum
In dit voorbeeld wordt de naam van de maand opgehaald uit de ' huidig ' datum:
< scripttype = 'tekst/javascript' >laat daten = nieuwe Datum ( ) ;
troosten. loggen ( 'De huidige datum is:' , datum )
laat getMonth = datum. naarLocaleString ( 'standaard' , {
maand : 'lang' ,
} ) ;
troosten. loggen ( 'De maand is:' , getMonth ) ;
script >
Pas de volgende stappen toe, zoals aangegeven in de bovenstaande code:
- Maak een nieuw datumobject met behulp van de ' nieuwe ' trefwoord en de ' Datum() ” constructor, respectievelijk, en geef het weer.
- Pas in de volgende stap de ' naarLocaleString() ' en associeer deze met de variabele die het datumobject bevat.
- De parameter options in de parameter van de methode wordt ingesteld op ' maand ”. Dit zal resulteren in het ophalen van de maand ten opzichte van de huidige datum.
- Geef ten slotte de overeenkomstige maand weer op de console.
Uitgang
In de bovenstaande uitvoer is te zien dat de maand ' november ” komt overeen met zowel de huidige datum als de opgehaalde maand vanaf de datum.
Voorbeeld 2: haal de maandnaam op vanaf de opgegeven datum
In dit specifieke voorbeeld wordt de maandnaam geëxtraheerd uit de ' opgegeven ' datum:
< scripttype = 'tekst/javascript' >laat daten = nieuwe Datum ( 2021 , twee , 25 ) ;
laat getMonth = datum. naarLocaleString ( 'standaard' , {
maand : 'lang' ,
} ) ;
troosten. loggen ( 'De maand is:' , getMonth ) ;
script >
Pas de onderstaande stappen toe, zoals gegeven in de bovenstaande coderegels:
- Specificeer de vermelde datum met behulp van de ' Datum() ” constructeur, zoals besproken.
- Denk aan de besproken aanpak in het vorige voorbeeld voor het extraheren van de maand uit de bijbehorende variabele die het datumobject bevat.
- Geef ten slotte de overeenkomstige maand weer met betrekking tot de opgegeven datum.
Uitgang
Omdat de maanden worden weergegeven van (0-11), vandaar ' twee ” geeft hier de maand aan “ Maart ”.
Benadering 2: Haal de maandnaam op van een datum in JavaScript met behulp van de getMonth()-methode
De ' getMonth() ” methode geeft in ruil daarvoor de maand (0 tot 11) van een datum. Deze methode kan worden geïmplementeerd om de overeenkomstige maand uit de array weer te geven tegen de verstreken datum met behulp van de door de gebruiker gedefinieerde functie.
Voorbeeld
Laten we het onderstaande voorbeeld eens bekijken:
< scripttype = 'tekst/javascript' >laat fetchMonth = functie ( datum ) {
maandLijst = [ 'Januari' , 'Februari' , 'Maart' , 'April' , 'Kunnen' , 'Juni' , 'Juli' , 'Augustus' , 'September' , 'Oktober' , 'november' , 'December' ] ;
opbrengst maandLijst [ datum. getMonth ( ) ] ;
} ;
troosten. loggen ( 'De maand is:' , fetchMonth ( nieuwe Datum ( '8/5/2012' ) ) ) ;
troosten. loggen ( 'De maand is:' , fetchMonth ( nieuwe Datum ( '7/13/2022' ) ) ) ;
script >
Implementeer de volgende stappen, zoals vermeld in het bovenstaande codefragment:
- Definieer een inline-functie met de naam ' fetchMonth() 'hebben' datum ” als parameter, die de verstreken datum zal bevatten en de maand ertegen zal ophalen.
- Maak in de functiedefinitie een array met de naam ' maandLijst ” met alle kalendermaanden.
- Pas daarna de ' getMonth() 'methode en associeer het met de verstreken datum om de maand eruit te halen (datum).
- Ga ten slotte naar de gedefinieerde functie door de opgegeven datums door te geven met behulp van de ' Datum() ” constructeur.
Uitgang
Bovenstaande uitvoer geeft aan dat aan de gewenste eis is voldaan.
Benadering 3: haal de maandnaam op van een datum in JavaScript met behulp van de Intl.DateTimeFormat Constructor
De ' Intl.NumberFormat() ” constructor maakt een nieuw object, waardoor de opmaak van een getal mogelijk is dat taalgevoelig is. Deze aanpak kan worden toegepast om de streefdatum door te geven aan de “ formaat() 'methode en formatteer deze op basis van de doorgegeven optie.
Syntaxis
Int. Nummer formaat ( lokaal , opties )In de bovenstaande syntaxis:
- “ lokaal ” verwijzen naar tijdzones.
- “ opties ' komen overeen met de opmaakopties.
Voorbeeld
Bekijk de volgende code eens:
< scripttype = 'tekst/javascript' >troosten. loggen ( 'De maand is:' , nieuwe Int. DateTimeFormat ( 'in ons' , { maand : 'lang' } ) . formaat ( nieuwe Datum ( 2022 , 3 , vijftien ) ) )
script >
Pas de onderstaande stappen toe, zoals vermeld in de bovenstaande codeverklaring:
- Pas de ' DateTimeFormat() ” constructor met de opgegeven tijdzone en de optie “ maand ” als zijn parameters.
- De ' formaat() ” methode formatteert de datum gespecificeerd in de “ Datum() ” constructor volgens de aangegeven tijdzone.
- Vandaar de bijbehorende “ maand ” tegen de datum wordt weergegeven op de console.
Uitgang
In de bovenstaande uitvoer, de maand ' april ” verwijst naar de gespecificeerde numerieke maand “ 3 ” in de Datum.
Conclusie
De ' naarLocaleString() ” methode, de “ getMonth() ” methode, of de “ Intl.DateTimeFormat() ” constructor kan worden gebruikt om de naam van de maand op te halen uit een datum in JavaScript. De methode toLocaleString() kan worden gebruikt om de naam van de maand op te halen uit de huidige of de opgegeven datum. De methode getMonth() haalt de maand rechtstreeks op vanaf de verstreken datum. Terwijl de constructor Intl.DateTimeFormat() kan worden geïmplementeerd om de datum op te maken op basis van de toegevoegde optie. Deze blog legde de methoden uit om de naam van de maand op te halen uit een datum in JavaScript.