En JavaScript, los meses se representan como (0-11), lo cual es bastante difícil de adivinar, especialmente en el caso de varias fechas en un código. En el otro escenario, puede haber un requisito para recuperar el mes con respecto a una zona horaria particular. En tales casos, obtener el nombre del mes de una fecha en JavaScript es de gran ayuda para brindar facilidad al desarrollador final.
Este tutorial discutirá los enfoques para obtener el nombre de un mes a partir de una fecha usando JavaScript.
¿Cómo obtener el nombre del mes de una fecha usando JavaScript?
El nombre del mes de la fecha se puede obtener en JavaScript utilizando los siguientes enfoques:
- “ toLocaleString() ' método.
- “ obtenerMes() ' método.
- “ Formato de fecha y hora () ” constructor.
¡Discutamos los enfoques indicados uno por uno!
Enfoque 1: Obtener el nombre del mes de una fecha en JavaScript usando el método toLocaleString()
Los ' toLocaleString() El método da un número en forma de cadena a través del formato del idioma local. Este método se puede aplicar para obtener el nombre del mes del objeto de fecha que contiene la fecha actual o la especificada.
Sintaxis
fecha. toLocaleString ( locales , opciones )En la sintaxis anterior:
- “ fecha ” apunta a la variable que contiene el objeto de fecha.
- “ locales ” corresponden a las zonas horarias.
- “ opciones ” se refiere a que el objeto tiene la opción de formatear.
Ejemplo 1: obtener el nombre del mes a partir de la fecha actual
En este ejemplo, el nombre del mes se obtendrá del ' Actual ' fecha:
< tipo de guión = 'texto/javascript' >dejar fecha = nuevo Fecha ( ) ;
consola. Iniciar sesión ( 'La fecha actual es:' , fecha )
dejar getMonth = fecha. toLocaleString ( 'defecto' , {
mes : 'largo' ,
} ) ;
consola. Iniciar sesión ( 'El mes es:' , obtenerMes ) ;
guion >
Aplique los siguientes pasos, como se indica en el código anterior:
- Cree un nuevo objeto de fecha con la ayuda de ' nuevo ” palabra clave y el “ Fecha() ” constructor, respectivamente, y mostrarlo.
- En el siguiente paso, aplique el “ toLocaleString() ” y asócielo con la variable que contiene el objeto de fecha.
- El parámetro de opciones en el parámetro del método se establecerá en ' mes ”. Esto resultará en obtener el mes con respecto a la fecha actual.
- Finalmente, visualice el mes correspondiente en la consola.
Producción
En la salida anterior, se puede observar que el mes “ Noviembre ” coincide tanto con la fecha actual como con el mes obtenido a partir de la fecha.
Ejemplo 2: Obtenga el nombre del mes de la fecha especificada
En este ejemplo particular, el nombre del mes se extraerá del ' especificado ' fecha:
< tipo de guión = 'texto/javascript' >dejar fecha = nuevo Fecha ( 2021 , 2 , 25 ) ;
dejar getMonth = fecha. toLocaleString ( 'defecto' , {
mes : 'largo' ,
} ) ;
consola. Iniciar sesión ( 'El mes es:' , obtenerMes ) ;
guion >
Aplique los pasos dados a continuación, como se indica en las líneas de código anteriores:
- Especifique la fecha indicada con la ayuda del “ Fecha() constructor, como se ha comentado.
- Recuerde el enfoque discutido en el ejemplo anterior para extraer el mes de la variable asociada que contiene el objeto de fecha.
- Por último, mostrar el mes correspondiente con respecto a la fecha especificada.
Producción
Como los meses se representan de (0-11), por lo tanto ' 2 ” aquí indica el mes “ Marzo ”.
Enfoque 2: Obtener el nombre del mes de una fecha en JavaScript usando el método getMonth()
Los ' obtenerMes() El método da el mes (0 a 11) de una fecha, a cambio. Este método se puede implementar para mostrar el mes correspondiente de la matriz frente a la fecha pasada con la ayuda de la función definida por el usuario.
Ejemplo
Repasemos el ejemplo que se indica a continuación:
< tipo de guión = 'texto/javascript' >vamos a buscar el mes = función ( fecha ) {
lista de meses = [ 'Enero' , 'Febrero' , 'Marzo' , 'Abril' , 'Mayo' , 'Junio' , 'Julio' , 'Agosto' , 'Septiembre' , 'Octubre' , 'Noviembre' , 'Diciembre' ] ;
devolver lista de meses [ fecha. obtenerMes ( ) ] ;
} ;
consola. Iniciar sesión ( 'El mes es:' , fetchMonth ( nuevo Fecha ( '5/8/2012' ) ) ) ;
consola. Iniciar sesión ( 'El mes es:' , fetchMonth ( nuevo Fecha ( '7/13/2022' ) ) ) ;
guion >
Implemente los siguientes pasos, como se indica en el fragmento de código anterior:
- Defina una función en línea llamada “ buscarMes() ' tener ' fecha ” como su parámetro, que contendrá la fecha pasada y recuperará el mes en su contra.
- En la definición de la función, cree una matriz llamada ' lista de meses ” teniendo todos los meses del calendario.
- Después de eso, aplique el “ obtenerMes() ” y asócielo con la fecha pasada para extraer el mes con respecto a ella (fecha).
- Finalmente, acceda a la función definida pasando las fechas especificadas con la ayuda de “ Fecha() ” constructor.
Producción
El resultado anterior indica que se ha cumplido el requisito deseado.
Enfoque 3: Obtener el nombre del mes de una fecha en JavaScript usando Intl.DateTimeFormat Constructor
Los ' Intl.NumberFormat() ” constructor crea un nuevo objeto, lo que permite el formato de un número que es sensible al idioma. Este enfoque se puede aplicar para pasar la fecha objetivo al “ formato() ” y formatéelo en función de la opción aprobada.
Sintaxis
internacional Formato numérico ( locales , opciones )En la sintaxis anterior:
- “ locales ” se refieren a las zonas horarias.
- “ opciones ” corresponden a las opciones de formato.
Ejemplo
Echa un vistazo al siguiente código:
< tipo de guión = 'texto/javascript' >consola. Iniciar sesión ( 'El mes es:' , nuevo internacional Formato de fecha y hora ( 'en-US' , { mes : 'largo' } ) . formato ( nuevo Fecha ( 2022 , 3 , 15 ) ) )
guion >
Aplique los pasos indicados a continuación, como se indica en la declaración del código anterior:
- Aplica el ' Formato de fecha y hora () ” constructor que tiene la zona horaria indicada y la opción “ mes ” como sus parámetros.
- Los ' formato() El método ' dará formato a la fecha especificada en el ' Fecha() ” constructor según la zona horaria indicada.
- Por lo tanto, el correspondiente “ mes ” contra la fecha se mostrará en la consola.
Producción
En la salida anterior, el mes “ Abril ” se refiere al mes numérico especificado “ 3 ” en la Fecha.
Conclusión
Los ' toLocaleString() ” método, el “ obtenerMes() ” método, o el “ Intl.DateTimeFormat() El constructor se puede usar para obtener el nombre del mes de una fecha en JavaScript. El método toLocaleString() se puede utilizar para obtener el nombre del mes de la fecha actual o especificada. El método getMonth() obtiene el mes a partir de la fecha pasada directamente. Mientras que el constructor Intl.DateTimeFormat() se puede implementar para formatear la fecha según la opción agregada. Este blog explicó los métodos para obtener el nombre del mes a partir de una fecha en JavaScript.