Obtenga el nombre del mes de una fecha en JavaScript

Obtenga el nombre del mes de una fecha en JavaScript

En JavaScript, los meses se representan como (0-11), lo cual es bastante difícil de adivinar, especialmente en el caso de múltiples fechas en un código. En el otro escenario, puede haber un requisito de obtener 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 desde una fecha utilizando 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:

  • "TOLOCALECRING ()" método.
  • "getMonth ()" método.
  • "DateTimeFormat ()"Constructor.

Discutamos los enfoques declarados uno por uno!

Enfoque 1: Obtenga el nombre de mes de una fecha en JavaScript usando el método tolocalEstring ()

El "TOLOCALECRING ()El método "proporciona un número en forma de una cadena a través del formato de idioma local. Este método se puede aplicar para obtener el nombre del mes del objeto Fecha que contiene la fecha actual o especificada.

Sintaxis

fecha.tolocalestring (locales, opciones)

En la sintaxis anterior:

  • "fecha"Señala la variable que contiene el objeto de fecha.
  • "locales"Corresponde a las zonas horarias.
  • "opción"Se refiere al objeto que tiene la opción de formatear.

Ejemplo 1: Obtenga el nombre de mes de la fecha actual

En este ejemplo, el nombre del mes se obtendrá del "actual" fecha:

Aplique los siguientes pasos, como se indica en el código anterior:

  • Cree un nuevo objeto de fecha con la ayuda del "nuevo"Palabra clave y la"Fecha()"Constructor, respectivamente, y muestralo.
  • En el siguiente paso, aplique el "TOLOCALECRING ()"Método y asociarlo 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 dará como resultado obtener el mes con respecto a la fecha actual.
  • Finalmente, muestre el mes correspondiente en la consola.

Producción

En la salida anterior, se puede observar que el mes "Noviembre"Combina tanto la fecha actual como el mes obtenido desde la fecha.

Ejemplo 2: Obtenga el nombre de mes de la fecha especificada

En este ejemplo particular, el nombre del mes se extraerá del "especificado" fecha:

Aplique los pasos dados a continuación, como se dan en las líneas de código anteriores:

  • Especifique la fecha establecida con la ayuda del "Fecha()"Constructor, como se discutió.
  • Recuerde el enfoque discutido en el ejemplo anterior para extraer el mes de la variable asociada que contiene el objeto de fecha.
  • Por último, muestre el mes correspondiente con respecto a la fecha especificada.

Producción

Como los meses están representados de (0-11), por lo tanto "2"Aquí indica el mes"Marzo".

Enfoque 2: Obtenga el nombre del mes de una fecha en JavaScript usando el método getMonth ()

El "getMonth ()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 desde la matriz contra la fecha aprobada con la ayuda de la función definida por el usuario.

Ejemplo

Vamos a ver el ejemplo declarado a continuación:

Implemente los siguientes pasos, como se indica en el fragmento de código anterior:

  • Defina una función en línea llamada "Fetchmonth ()" teniendo "fecha"Como su parámetro, que contendrá la fecha pasada y obtendrá el mes en su contra.
  • En la definición de función, cree una matriz llamada "lista de mensajes"Tener todos los meses calendario.
  • Después de eso, aplique el "getMonth ()Método y asociarlo con la fecha aprobada para extraer el mes con respecto (fecha).
  • Finalmente, acceda a la función definida pasando las fechas especificadas con la ayuda del "Fecha()"Constructor.

Producción

La salida anterior indica que se ha cumplido el requisito deseado.

Enfoque 3: Obtenga el nombre de mes de una fecha en JavaScript usando Intl.Constructor de DaTetimeFormat

El "Intl.Formato numérico()"El constructor crea un nuevo objeto, permitiendo así el formato de un número que es sensible al lenguaje. Este enfoque se puede aplicar para pasar la fecha objetivo al "formato()"Método y formatolo en función de la opción aprobada.

Sintaxis

Intl.NumberFormat (locales, opciones)

En la sintaxis anterior:

  • "locales"Consulte las zonas horarias.
  • "opción"Corresponde a las opciones de formato.

Ejemplo

Eche un vistazo al siguiente código:

Aplique los pasos establecidos a continuación, como se proporciona en la instrucción de código anterior:

  • Aplica el "DateTimeFormat ()"Constructor tiene la zona horaria establecida y la opción"mes"Como sus parámetros.
  • El "formato()El método "formateará la fecha especificada en el"Fecha()"Constructor según la zona horaria declarada.
  • 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

El "TOLOCALECRING ()"Método, el"getMonth ()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 TOLOCALECRING () se puede utilizar para obtener el nombre de mes de la fecha actual o especificada. El método getMonth () obtiene el mes desde la fecha pasada directamente. Mientras que el intl.El constructor de dateTimeFormat () se puede implementar para formatear la fecha en función de la opción agregada. Este blog explicó los métodos para obtener el nombre del mes de una fecha en JavaScript.