Em JavaScript, os meses são representados como (0-11), o que é bastante difícil de adivinhar, especialmente no caso de várias datas em um código. No outro cenário, pode haver um requisito para buscar o mês em relação a um determinado fuso horário. Nesses casos, obter o nome do mês de uma data em JavaScript é de grande ajuda para fornecer facilidade ao desenvolvedor final.
Este tutorial discutirá as abordagens para buscar o nome de um mês a partir de uma data usando JavaScript.
Como obter o nome do mês de uma data usando JavaScript?
O nome do mês a partir da data pode ser obtido em JavaScript usando as seguintes abordagens:
- “ toLocaleString() ” método.
- “ getMês() ” método.
- “ DateTimeFormat() ” construtor.
Vamos discutir as abordagens declaradas uma a uma!
Abordagem 1: obter o nome do mês de uma data em JavaScript usando o método toLocaleString()
O ' toLocaleString() ” fornece um número na forma de uma string por meio do formato de idioma local. Este método pode ser aplicado para buscar o nome do mês do objeto de data que contém a data atual ou especificada.
Sintaxe
encontro. toLocaleString ( local , opções )Na sintaxe acima:
- “ encontro ” aponta para a variável que contém o objeto de data.
- “ local ” correspondem aos fusos horários.
- “ opções ” refere-se ao objeto com a opção de formatação.
Exemplo 1: obter o nome do mês a partir da data atual
Neste exemplo, o nome do mês será obtido a partir do “ atual ' encontro:
< tipo de script = 'texto/javascript' >deixar data = novo Encontro ( ) ;
console. registro ( 'A data atual é:' , encontro )
vamos pegar o mês = encontro. toLocaleString ( 'predefinição' , {
mês : 'grandes' ,
} ) ;
console. registro ( 'O mês é:' , getMonth ) ;
roteiro >
Aplique as seguintes etapas, conforme fornecido no código acima:
- Crie um novo objeto de data com a ajuda do “ novo ” e a palavra-chave “ Encontro() ”, respectivamente, e exibi-lo.
- Na próxima etapa, aplique o “ toLocaleString() ” e associe-o à variável que contém o objeto de data.
- O parâmetro de opções no parâmetro do método será definido como “ mês ”. Isso resultará na busca do mês em relação à data atual.
- Por fim, exiba o mês correspondente no console.
Resultado
Na saída acima, pode-se observar que o mês “ novembro ” corresponde à data atual e ao mês buscado a partir da data.
Exemplo 2: obter o nome do mês a partir da data especificada
Neste exemplo particular, o nome do mês será extraído do “ Especificadas ' encontro:
< tipo de script = 'texto/javascript' >deixar data = novo Encontro ( 2021 , dois , 25 ) ;
vamos pegar o mês = encontro. toLocaleString ( 'predefinição' , {
mês : 'grandes' ,
} ) ;
console. registro ( 'O mês é:' , getMonth ) ;
roteiro >
Aplique as etapas abaixo, conforme indicado nas linhas de código acima:
- Especifique a data indicada com a ajuda do botão “ Encontro() ” construtor, conforme discutido.
- Lembre-se da abordagem discutida no exemplo anterior para extrair o mês da variável associada que contém o objeto de data.
- Por fim, exiba o mês correspondente em relação à data especificada.
Resultado
Como os meses são representados de (0-11), portanto “ dois ” aqui indica o mês “ Marchar ”.
Abordagem 2: obter o nome do mês de uma data em JavaScript usando o método getMonth()
O ' getMês() ” dá o mês (0 a 11) de uma data, em retorno. Este método pode ser implementado para exibir o mês correspondente da matriz em relação à data passada com a ajuda da função definida pelo usuário.
Exemplo
Vamos ver o exemplo abaixo indicado:
< tipo de script = 'texto/javascript' >vamos buscarMonth = função ( encontro ) {
lista de meses = [ 'Janeiro' , 'Fevereiro' , 'Marchar' , 'Abril' , 'Poderia' , 'Junho' , 'Julho' , 'Agosto' , 'Setembro' , 'Outubro' , 'Novembro' , 'Dezembro' ] ;
Retorna lista de meses [ encontro. getMonth ( ) ] ;
} ;
console. registro ( 'O mês é:' , fetchMonth ( novo Encontro ( '05/08/2012' ) ) ) ;
console. registro ( 'O mês é:' , fetchMonth ( novo Encontro ( '13/07/2022' ) ) ) ;
roteiro >
Implemente as seguintes etapas, conforme indicado no trecho de código acima:
- Defina uma função inline chamada “ buscarMês() ' tendo ' encontro ” como seu parâmetro, que conterá a data passada e buscará o mês contra ela.
- Na definição da função, crie um array chamado “ lista de meses ” tendo todos os meses do calendário.
- Depois disso, aplique o “ getMês() ” e associe-o à data passada para extrair o mês referente a ela (data).
- Finalmente, acesse a função definida passando as datas especificadas com a ajuda do “ Encontro() ” construtor.
Resultado
A saída acima indica que o requisito desejado foi atendido.
Abordagem 3: obtenha o nome do mês de uma data em JavaScript usando o construtor Intl.DateTimeFormat
O ' Intl.NumberFormat() ” cria um novo objeto, permitindo assim a formatação de um número que é sensível ao idioma. Essa abordagem pode ser aplicada para passar a data-alvo para o “ formato() ” e formate-o com base na opção passada.
Sintaxe
Internacional Formato numérico ( local , opções )Na sintaxe acima:
- “ local ” consulte os fusos horários.
- “ opções ” correspondem às opções de formatação.
Exemplo
Dê uma olhada no seguinte código:
< tipo de script = 'texto/javascript' >console. registro ( 'O mês é:' , novo Internacional DateTimeFormat ( 'em nós' , { mês : 'grandes' } ) . formato ( novo Encontro ( 2022 , 3 , quinze ) ) )
roteiro >
Aplique as etapas abaixo indicadas, conforme fornecido na declaração de código acima:
- Aplicar o ' DateTimeFormat() ” construtor com o fuso horário declarado e a opção “ mês ” como seus parâmetros.
- O ' formato() ” formatará a data especificada no campo “ Encontro() ” de acordo com o fuso horário declarado.
- Assim, o correspondente “ mês ” contra a data será exibido no console.
Resultado
Na saída acima, o mês “ abril ” refere-se ao mês numérico especificado “ 3 ” na Data.
Conclusão
O ' toLocaleString() ” método, o “ getMês() ” ou o método “ Intl.DateTimeFormat() ” pode ser usado para buscar o nome do mês de uma data em JavaScript. O método toLocaleString() pode ser utilizado para obter o nome do mês a partir da data atual ou especificada. O método getMonth() busca o mês a partir da data passada diretamente. Considerando que o construtor Intl.DateTimeFormat() pode ser implementado para formatar a data com base na opção adicionada. Este blog explicou os métodos para buscar o nome do mês de uma data em JavaScript.