In JavaScript, i mesi sono rappresentati come (0-11), che è abbastanza difficile da indovinare, specialmente nel caso di più date in un codice. Nell'altro scenario, potrebbe essere necessario recuperare il mese rispetto a un particolare fuso orario. In questi casi, ottenere il nome del mese da una data in JavaScript è di grande aiuto nel fornire facilità allo sviluppatore finale.
Questo tutorial discuterà gli approcci per recuperare il nome di un mese da una data utilizzando JavaScript.
Come ottenere il nome del mese da una data utilizzando JavaScript?
Il nome del mese dalla data può essere recuperato in JavaScript utilizzando i seguenti approcci:
- “ toLocaleString() ' metodo.
- “ getMonth() ' metodo.
- “ DataOraFormato() 'costruttore.
Discutiamo gli approcci dichiarati uno per uno!
Approccio 1: ottenere il nome del mese da una data in JavaScript utilizzando il metodo toLocaleString()
Il ' toLocaleString() ” fornisce un numero sotto forma di stringa tramite il formato della lingua locale. Questo metodo può essere applicato per recuperare il nome del mese dall'oggetto data che contiene la data corrente o specificata.
Sintassi
Data. toLocaleString ( Locale , opzioni )Nella sintassi precedente:
- “ Data ” indica la variabile che contiene l'oggetto data.
- “ Locale ” corrispondono ai fusi orari.
- “ opzioni ” si riferisce all'oggetto che ha l'opzione di formattazione.
Esempio 1: ottenere il nome del mese dalla data corrente
In questo esempio, il nome del mese verrà recuperato dal ' attuale ' Data:
< tipo di sceneggiatura = 'testo/javascript' >lascia data = nuovo Data ( ) ;
consolare. tronco d'albero ( 'La data corrente è:' , Data )
lascia getMonth = Data. toLocaleString ( 'predefinito' , {
mese : 'lungo' ,
} ) ;
consolare. tronco d'albero ( 'Il mese è:' , getMonth ) ;
copione >
Applicare i seguenti passaggi, come indicato nel codice precedente:
- Crea un nuovo oggetto data con l'aiuto del ' nuovo ” parola chiave e “ Data() ” costruttore, rispettivamente, e visualizzarlo.
- Nel passaggio successivo, applica il ' toLocaleString() ” e associarlo alla variabile contenente l'oggetto data.
- Il parametro delle opzioni nel parametro del metodo sarà impostato su ' mese ”. Ciò comporterà il recupero del mese rispetto alla data corrente.
- Infine, visualizza il mese corrispondente sulla console.
Produzione
Nell'output sopra, si può osservare che il mese ' novembre ” corrisponde sia alla data corrente sia al mese recuperato dalla data.
Esempio 2: ottenere il nome del mese dalla data specificata
In questo particolare esempio, il nome del mese verrà estratto dal ' specificato ' Data:
< tipo di sceneggiatura = 'testo/javascript' >lascia data = nuovo Data ( 2021 , Due , 25 ) ;
lascia getMonth = Data. toLocaleString ( 'predefinito' , {
mese : 'lungo' ,
} ) ;
consolare. tronco d'albero ( 'Il mese è:' , getMonth ) ;
copione >
Applicare i passaggi indicati di seguito, come indicato nelle righe di codice precedenti:
- Specificare la data indicata con l'aiuto del “ Data() ” costruttore, come discusso.
- Ricordiamo l'approccio discusso nell'esempio precedente per estrarre il mese dalla variabile associata che contiene l'oggetto data.
- Visualizzare infine il mese corrispondente rispetto alla data specificata.
Produzione
Poiché i mesi sono rappresentati da (0-11), quindi ' Due ” qui indica il mese “ Marzo ”.
Approccio 2: ottenere il nome del mese da una data in JavaScript utilizzando il metodo getMonth()
Il ' getMonth() ” restituisce il mese (da 0 a 11) di una data, in cambio. Questo metodo può essere implementato per visualizzare il mese corrispondente dall'array rispetto alla data passata con l'aiuto della funzione definita dall'utente.
Esempio
Facciamo una panoramica dell'esempio sotto indicato:
< tipo di sceneggiatura = 'testo/javascript' >let fetchMonth = funzione ( Data ) {
meseElenco = [ 'Gennaio' , 'Febbraio' , 'Marzo' , 'Aprile' , 'Maggio' , 'Giugno' , 'Luglio' , 'Agosto' , 'Settembre' , 'Ottobre' , 'Novembre' , 'Dicembre' ] ;
Restituzione meseElenco [ Data. getMonth ( ) ] ;
} ;
consolare. tronco d'albero ( 'Il mese è:' , fetchMonth ( nuovo Data ( '8/5/2012' ) ) ) ;
consolare. tronco d'albero ( 'Il mese è:' , fetchMonth ( nuovo Data ( '13/07/2022' ) ) ) ;
copione >
Implementa i seguenti passaggi, come indicato nello snippet di codice precedente:
- Definire una funzione inline denominata ' fetchMonth() ' avendo ' Data ” come parametro, che conterrà la data trascorsa e recupererà il mese su di essa.
- Nella definizione della funzione, crea un array denominato ' meseElenco ” avendo tutti i mesi di calendario.
- Successivamente, applica il ' getMonth() ” e associarlo alla data passata per estrarre il mese rispetto ad essa (data).
- Infine, accedi alla funzione definita passando le date specificate con l'aiuto del ' Data() 'costruttore.
Produzione
L'output precedente indica che il requisito desiderato è stato soddisfatto.
Approccio 3: ottenere il nome del mese da una data in JavaScript utilizzando il costruttore Intl.DateTimeFormat
Il ' Intl.NumberFormat() ” il costruttore crea un nuovo oggetto, abilitando così la formattazione di un numero che è sensibile alla lingua. Questo approccio può essere applicato per passare la data obiettivo al ' formato() ” e formattarlo in base all'opzione passata.
Sintassi
internazionale NumeroFormato ( Locale , opzioni )Nella sintassi precedente:
- “ Locale ” si riferiscono ai fusi orari.
- “ opzioni ” corrispondono alle opzioni di formattazione.
Esempio
Dai un'occhiata al seguente codice:
< tipo di sceneggiatura = 'testo/javascript' >consolare. tronco d'albero ( 'Il mese è:' , nuovo internazionale DataOraFormato ( 'in noi' , { mese : 'lungo' } ) . formato ( nuovo Data ( 2022 , 3 , quindici ) ) )
copione >
Applicare i passaggi indicati di seguito, come previsto nell'istruzione di codice precedente:
- Applicare il ' DataOraFormato() ” costruttore con il fuso orario dichiarato e l'opzione “ mese ” come suoi parametri.
- Il ' formato() ” formatterà la data specificata nel “ Data() ” costruttore in base al fuso orario indicato.
- Quindi, il corrispondente ' mese ” contro la data verrà visualizzato sulla console.
Produzione
Nell'output sopra, il mese ' aprile ' si riferisce al mese numerico specificato ' 3 ” nella Data.
Conclusione
Il ' toLocaleString() ” metodo, il “ getMonth() ” metodo, o il “ Intl.DateTimeFormat() ” può essere utilizzato per recuperare il nome del mese da una data in JavaScript. Il metodo toLocaleString() può essere utilizzato per ottenere il nome del mese dalla data corrente o da quella specificata. Il metodo getMonth() recupera direttamente il mese dalla data passata. Considerando che il costruttore Intl.DateTimeFormat() può essere implementato per formattare la data in base all'opzione aggiunta. Questo blog ha spiegato i metodi per recuperare il nome del mese da una data in JavaScript.