A JavaScript, els mesos es representen com (0-11), cosa que és bastant difícil d'endevinar, especialment en el cas de diverses dates en un codi. En l'altre escenari, pot haver-hi un requisit per obtenir el mes respecte a una zona horària determinada. En aquests casos, obtenir el nom del mes a partir d'una data en JavaScript és de gran ajuda per facilitar el desenvolupament final.
Aquest tutorial tractarà els enfocaments per obtenir el nom d'un mes a partir d'una data mitjançant JavaScript.
Com obtenir el nom del mes a partir d'una data mitjançant JavaScript?
El nom del mes a partir de la data es pot obtenir a JavaScript mitjançant els enfocaments següents:
- “ toLocaleString() ” mètode.
- “ getMonth() ” mètode.
- “ DataTimeFormat() ” constructor.
Parlem un per un dels enfocaments indicats!
Enfocament 1: obteniu el nom del mes a partir d'una data a JavaScript mitjançant el mètode toLocaleString()
El ' toLocaleString() ” El mètode proporciona un número en forma de cadena mitjançant el format d'idioma local. Aquest mètode es pot aplicar per obtenir el nom del mes de l'objecte de data que conté la data actual o especificada.
Sintaxi
data. toLocaleString ( locals , opcions )En la sintaxi anterior:
- “ data ” apunta a la variable que conté l'objecte data.
- “ locals ” corresponen a les zones horàries.
- “ opcions ” es refereix a l'objecte que té l'opció de formatar.
Exemple 1: obteniu el nom del mes a partir de la data actual
En aquest exemple, el nom del mes s'obtindrà del ' actual ' data:
< tipus de guió = 'text/javascript' >deixar data = nou Data ( ) ;
consola. registre ( 'La data actual és:' , data )
deixa getMonth = data. toLocaleString ( 'per defecte' , {
mes : 'llarga' ,
} ) ;
consola. registre ( 'El mes és:' , getMonth ) ;
guió >
Apliqueu els passos següents, tal com s'indica al codi anterior:
- Creeu un nou objecte de data amb l'ajuda del ' nou ' i la paraula clau ' Data() ” constructor, respectivament, i mostrar-lo.
- En el següent pas, apliqueu el ' toLocaleString() ” i associar-lo amb la variable que conté l'objecte data.
- El paràmetre d'opcions del paràmetre del mètode s'establirà a ' mes ”. Això donarà lloc a obtenir el mes respecte a la data actual.
- Finalment, mostra el mes corresponent a la consola.
Sortida
A la sortida anterior, es pot observar que el mes “ de novembre ” coincideix tant amb la data actual com amb el mes obtingut a partir de la data.
Exemple 2: obteniu el nom del mes a partir de la data especificada
En aquest exemple en concret, el nom del mes s'extreurà del ' especificat ' data:
< tipus de guió = 'text/javascript' >deixar data = nou Data ( 2021 , 2 , 25 ) ;
deixa getMonth = data. toLocaleString ( 'per defecte' , {
mes : 'llarga' ,
} ) ;
consola. registre ( 'El mes és:' , getMonth ) ;
guió >
Apliqueu els passos que s'indiquen a continuació, tal com es descriuen a les línies de codi anteriors:
- Especifiqueu la data indicada amb l'ajuda del ' Data() ” constructor, com s'ha comentat.
- Recordeu l'enfocament comentat a l'exemple anterior per extreure el mes de la variable associada que conté l'objecte data.
- Finalment, mostra el mes corresponent respecte a la data especificada.
Sortida
Com que els mesos estan representats de (0-11), per tant ' 2 'aquí indica el mes' març ”.
Enfocament 2: obteniu el nom del mes a partir d'una data a JavaScript mitjançant el mètode getMonth().
El ' getMonth() El mètode dóna el mes (de 0 a 11) d'una data, a canvi. Aquest mètode es pot implementar per mostrar el mes corresponent de la matriu amb la data passada amb l'ajuda de la funció definida per l'usuari.
Exemple
Anem a veure l'exemple que s'indica a continuació:
< tipus de guió = 'text/javascript' >deixeu buscarMes = funció ( data ) {
monthList = [ 'gener' , 'febrer' , 'març' , 'abril' , 'Maig' , 'Juny' , 'juliol' , 'Agost' , 'setembre' , 'octubre' , 'De novembre' , 'desembre' ] ;
tornar monthList [ data. getMonth ( ) ] ;
} ;
consola. registre ( 'El mes és:' , fetchMonth ( nou Data ( '5/8/2012' ) ) ) ;
consola. registre ( 'El mes és:' , fetchMonth ( nou Data ( '7/13/2022' ) ) ) ;
guió >
Implementeu els passos següents, tal com s'indica al fragment de codi anterior:
- Definiu una funció en línia anomenada ' fetchMonth() 'tenint' data ” com el seu paràmetre, que contindrà la data passada i obtindrà el mes en contra seva.
- A la definició de la funció, creeu una matriu anomenada ' monthList ” tenint tots els mesos naturals.
- Després d'això, apliqueu el ' getMonth() ” i associar-lo amb la data passada per extreure el mes respecte a aquesta (data).
- Finalment, accediu a la funció definida passant les dates especificades amb l'ajuda del ' Data() ” constructor.
Sortida
La sortida anterior indica que s'ha complert el requisit desitjat.
Enfocament 3: obteniu el nom del mes a partir d'una data a JavaScript mitjançant el constructor Intl.DateTimeFormat
El ' Intl.NumberFormat() ” el constructor crea un objecte nou, permetent així el format d'un nombre que sigui sensible al llenguatge. Aquest enfocament es pot aplicar per passar la data objectiu a la ' format () ” i formateu-lo segons l'opció passada.
Sintaxi
Intl. NumberFormat ( locals , opcions )En la sintaxi anterior:
- “ locals ” es refereix a zones horàries.
- “ opcions ” corresponen a les opcions de format.
Exemple
Fes una ullada al codi següent:
< tipus de guió = 'text/javascript' >consola. registre ( 'El mes és:' , nou Intl. DataTimeFormat ( 'en-US' , { mes : 'llarg' } ) . format ( nou Data ( 2022 , 3 , 15 ) ) )
guió >
Apliqueu els passos que s'indiquen a continuació, tal com s'indica a la declaració de codi anterior:
- Aplicar el ' DataTimeFormat() ' constructor amb la zona horària indicada i l'opció ' mes ” com els seus paràmetres.
- El ' format () ” formatarà la data especificada a la secció “ Data() ” constructor segons la zona horària indicada.
- Per tant, el corresponent ' mes ” contra la data es mostrarà a la consola.
Sortida
A la sortida anterior, el mes ' Abril ' es refereix al mes numèric especificat ' 3 ” a la Data.
Conclusió
El ' toLocaleString() mètode, el getMonth() ', o el mètode ' Intl.DateTimeFormat() ” El constructor es pot utilitzar per obtenir el nom del mes d'una data en JavaScript. El mètode toLocaleString() es pot utilitzar per obtenir el nom del mes a partir de la data actual o especificada. El mètode getMonth() recupera directament el mes des de la data passada. Mentre que el constructor Intl.DateTimeFormat() es pot implementar per formatar la data en funció de l'opció afegida. Aquest bloc explicava els mètodes per obtenir el nom del mes a partir d'una data en JavaScript.