W JavaScript miesiące są reprezentowane jako (0-11), co jest dość trudne do odgadnięcia, zwłaszcza w przypadku wielu dat w kodzie. W drugim scenariuszu może istnieć wymóg pobrania miesiąca w odniesieniu do określonej strefy czasowej. W takich przypadkach uzyskanie nazwy miesiąca z daty w JavaScript jest bardzo pomocne w ułatwieniu programiście końcowemu.
W tym samouczku omówimy metody pobierania nazwy miesiąca z daty za pomocą JavaScript.
Jak uzyskać nazwę miesiąca z daty za pomocą JavaScript?
Nazwę miesiąca z daty można pobrać w JavaScript przy użyciu następujących podejść:
- “ toLocaleString() ' metoda.
- “ pobierz miesiąc() ' metoda.
- “ DateTimeFormat() ” konstruktor.
Omówmy podane podejścia jeden po drugim!
Podejście 1: Pobierz nazwę miesiąca z daty w JavaScript za pomocą metody toLocaleString().
„ toLocaleString() ” daje liczbę w postaci ciągu znaków za pośrednictwem lokalnego formatu językowego. Metodę tę można zastosować do pobrania nazwy miesiąca z obiektu daty zawierającego bieżącą lub określoną datę.
Składnia
data. toLocaleString ( lokalny , opcje )W powyższej składni:
- “ data ” wskazuje na zmienną przechowującą obiekt daty.
- “ lokalny ” odpowiadają strefom czasowym.
- “ opcje ” odnosi się do obiektu posiadającego opcję formatowania.
Przykład 1: Pobierz nazwę miesiąca z bieżącej daty
W tym przykładzie nazwa miesiąca zostanie pobrana z „ obecny ' data:
< typ skryptu = „tekst/javascript” >niech data = Nowy Data ( ) ;
konsola. dziennik ( „Obecna data to:” , data )
niech getMiesiąc = data. toLocaleString ( 'domyślna' , {
miesiąc : 'długie' ,
} ) ;
konsola. dziennik ( „Miesiąc to:” , getMiesiąc ) ;
scenariusz >
Zastosuj następujące kroki, jak podano w powyższym kodzie:
- Utwórz nowy obiekt daty za pomocą „ Nowy ” słowo kluczowe i „ Data() ” odpowiednio konstruktora i wyświetlić go.
- W następnym kroku zastosuj „ toLocaleString() ” i skojarzyć ją ze zmienną zawierającą obiekt daty.
- Parametr options w parametrze metody zostanie ustawiony na „ miesiąc ”. Spowoduje to pobranie miesiąca w odniesieniu do bieżącej daty.
- Na koniec wyświetl odpowiedni miesiąc na konsoli.
Wyjście
W powyższym wyniku można zauważyć, że miesiąc „ Listopad ” dopasowuje zarówno bieżącą datę, jak i pobrany miesiąc od daty.
Przykład 2: Uzyskaj nazwę miesiąca od określonej daty
W tym konkretnym przykładzie nazwa miesiąca zostanie wyodrębniona z „ określony ' data:
< typ skryptu = „tekst/javascript” >niech data = Nowy Data ( 2021 , dwa , 25 ) ;
niech getMiesiąc = data. toLocaleString ( 'domyślna' , {
miesiąc : 'długie' ,
} ) ;
konsola. dziennik ( „Miesiąc to:” , getMiesiąc ) ;
scenariusz >
Zastosuj poniższe kroki, jak podano w powyższych liniach kodu:
- Określ podaną datę za pomocą „ Data() ”, jak omówiono.
- Przypomnij sobie omówione w poprzednim przykładzie podejście do wyodrębniania miesiąca z powiązanej zmiennej zawierającej obiekt daty.
- Na koniec wyświetl odpowiedni miesiąc w odniesieniu do określonej daty.
Wyjście
Ponieważ miesiące są reprezentowane od (0-11), stąd „ dwa ” tutaj oznacza miesiąc “ Marsz ”.
Podejście 2: Pobierz nazwę miesiąca z daty w JavaScript za pomocą metody getMonth().
„ pobierz miesiąc() ” daje w zamian miesiąc (od 0 do 11) daty. Metodę tę można zaimplementować w celu wyświetlenia odpowiedniego miesiąca z tablicy w stosunku do przekazanej daty za pomocą funkcji zdefiniowanej przez użytkownika.
Przykład
Omówmy poniższy przykład:
< typ skryptu = „tekst/javascript” >pozwól pobrać Miesiąc = funkcjonować ( data ) {
lista miesięcy = [ 'Styczeń' , 'Luty' , 'Marsz' , 'Kwiecień' , 'Może' , 'Czerwiec' , 'Lipiec' , 'Sierpień' , 'Wrzesień' , 'Październik' , 'Listopad' , 'Grudzień' ] ;
zwrócić lista miesięcy [ data. getMiesiąc ( ) ] ;
} ;
konsola. dziennik ( „Miesiąc to:” , Pobierz Miesiąc ( Nowy Data ( „8.05.2012” ) ) ) ;
konsola. dziennik ( „Miesiąc to:” , Pobierz Miesiąc ( Nowy Data ( „13.07.2022” ) ) ) ;
scenariusz >
Zaimplementuj następujące kroki, jak podano w powyższym fragmencie kodu:
- Zdefiniuj funkcję wbudowaną o nazwie „ Pobierz Miesiąc() „mając” data ” jako parametr, który będzie zawierał podaną datę i pobierze na jej podstawie miesiąc.
- W definicji funkcji utwórz tablicę o nazwie „ lista miesięcy ” mając wszystkie miesiące kalendarzowe.
- Następnie zastosuj „ pobierz miesiąc() ” i skojarzyć ją z przekazaną datą, aby wyodrębnić miesiąc w odniesieniu do niej (daty).
- Na koniec uzyskaj dostęp do zdefiniowanej funkcji, przekazując daty określone za pomocą „ Data() ” konstruktor.
Wyjście
Powyższe dane wyjściowe wskazują, że żądane wymaganie zostało spełnione.
Podejście 3: Pobierz nazwę miesiąca z daty w JavaScript za pomocą konstruktora Intl.DateTimeFormat
„ Intl.NumberFormat() ” tworzy nowy obiekt, umożliwiając w ten sposób formatowanie liczby uwzględniające język. Podejście to można zastosować, aby przekazać datę docelową do „ format() ” i sformatować ją na podstawie przekazanej opcji.
Składnia
Międzynarodowy Format liczbowy ( lokalny , opcje )W powyższej składni:
- “ lokalny ” odnoszą się do stref czasowych.
- “ opcje ” odpowiadają opcjom formatowania.
Przykład
Spójrz na następujący kod:
< typ skryptu = „tekst/javascript” >konsola. dziennik ( „Miesiąc to:” , Nowy Międzynarodowy Format daty i godziny ( 'w nas' , { miesiąc : 'długie' } ) . format ( Nowy Data ( 2022 , 3 , piętnaście ) ) )
scenariusz >
Zastosuj poniższe kroki, jak podano w powyższej instrukcji kodu:
- Aplikować ' DateTimeFormat() ” konstruktor posiadający podaną strefę czasową i opcję „ miesiąc ” jako jego parametry.
- „ format() ” sformatuje datę określoną w „ Data() ” konstruktor zgodnie z podaną strefą czasową.
- Stąd odpowiedni „ miesiąc ” przed datą zostanie wyświetlony na konsoli.
Wyjście
W powyższym wyniku miesiąc „ Kwiecień ” odnosi się do określonego miesiąca numerycznego “ 3 ” w Dacie.
Wniosek
„ toLocaleString() „metoda”, „ pobierz miesiąc() ” metoda lub „ Intl.DateTimeFormat() ” można użyć do pobrania nazwy miesiąca z daty w JavaScript. Metodę toLocaleString() można wykorzystać do pobrania nazwy miesiąca z bieżącej lub określonej daty. Metoda getMonth() pobiera miesiąc bezpośrednio z przekazanej daty. Natomiast konstruktor Intl.DateTimeFormat() może zostać zaimplementowany w celu sformatowania daty w oparciu o dodaną opcję. Na tym blogu wyjaśniono metody pobierania nazwy miesiąca z daty w JavaScript.