Formato uma data como AAAA-MM-DD em JavaScript

Formato uma data como AAAA-MM-DD em JavaScript
Geralmente, existem três tipos de formatos de entrada de data de JavaScript, incluindo formato ISO (AAAA-MM-DD, E.g., 2000-01-23), formato curto (dd/mm/yyyy, e.g., 23/01/2000) e data longa (mm dd aaaaa, e.g., 23 de janeiro de 2000 ou 23 de janeiro de 2000) Formato. No entanto, o formato de data mais usado é o formato de data ISO (o padrão internacional) que segue o formato AAYYY-MM-DD.

Este tutorial demonstrará os métodos para definir a data em um formato AAAA-MM-DD.

Como formatar uma data como AAAA-MM-DD em JavaScript?

Para formatar a data como AAAA-MM-DD, use os seguintes métodos predefinidos JavaScript:

  • Métodos de concatenação dos métodos Getlyear (), getMonth () e getDate ()
  • Método tolocaledateString ()

Método 1: Formate uma data como AAAA-MM-DD usando os métodos concatenação dos métodos Getlyear (), GetMonth () e GetDate ()

Para converter a data em formato ISO AAAAA-MM-DD, use o “Getlyear ()","getmonth ()" e "getDate ()”Métodos do objeto de data. Esses métodos obtêm o mês, ano e data da respectiva data de determinação.

Nos próximos exemplos, mostraremos como funciona e o que poderíamos fazer por um mês e data de dois dígitos.

Sintaxe

A sintaxe a seguir é usada para métodos Getlyear (), GetMonth () e GetDate ():

data.Getlyear ()
data.getMonth () + 1
data.getday ()

Na sintaxe acima:

  • O "Getlyear ()”O método fornece o ano em 4 dígitos da data especificada.
  • O "getmonth ()”O método gera o mês de 0 a 11 de data.
  • ““getday ()”O método retorna um dia da semana.

Exemplo 1: Formato uma data usando a concatenação dos métodos Getlyear (), getMonth () e getDate ()

Crie um novo objeto de data passando uma data específica no formato de data curta como um parâmetro que será formatado:

var data = nova data ("8 de setembro de 2000");

Obtenha o ano, mês e data da data fornecida usando os métodos JavaScript Getlyear (), GetMonth () e GetDate ():

var dateFormat = Data.getlyear () + "-" + (data.getMonth () + 1) + "-" + data.getDate ()

Por fim, imprima a data resultante no console:

console.log (dataFormat);

A saída mostra que não está em formato adequado como o mês e a data não está no formato de 2 dígitos:

Vamos ver como obter o mês e a data em um formato de 2 dígitos.

Exemplo 2: Formato uma data usando a concatenação dos métodos Getlyear (), GetMonth () e GetDate () em formato AAAAA-MM-DD

Aqui, utilizaremos todos os métodos JavaScript FetlyEar (), GetMonth () e GetDate () e definirá o Anexo 0 como um prefixo se o mês e a data forem menores que 10:

var dateFormat = Data.getlyear () + "-" + ((data.getMonth ()+1).comprimento != 2 ? "0" + (data.getMonth () + 1): (Data.getMonth () + 1)) + "-" + (data.getDate ().comprimento != 2 ?"0" + data.getDate (): data.getDate ());

Por fim, imprima a data resultante no console usando o “console.registro()”Método:

console.log (dataFormat);

Saída

Vamos tentar outro método para formatar a data em formato AAAA-MM-DD.

Método 2: formate uma data como aaaa-mm-dd usando o método tolocaledatestring ()

Use o "tolocaledatestring ()”Método para converter a data para o formato AAAA-MM-DD. Fornece uma string de representação de data sensível ao idioma como uma saída. Neste método, defina o “opçãoParâmetro para “2 dígitos“, Que retornará mês e dia em 2 dígitos se o valor for menor que 10.

Sintaxe

Siga a sintaxe dada para usar o método tolocaledatestring ():

tolocaledatestring (locais, opções)

Na sintaxe acima:

  • ““Locais”É uma corda.
  • ““opções”É um objeto que ajusta o formato de saída.

Exemplo

Ligar para "tolocaledatestring ()”Método e recupere o ano a partir da data fornecida e armazená -lo em uma variável“getyear”:

var getyear = data.tolocalestring ("padrão", ano: "numérico");

Da mesma forma, obtenha o mês e a data da data usando o “tolocaledatestring ()”Método e armazene -os em variáveis, respectivamente:

var getMonth = data.tolocalestring ("padrão", mês: "2-digit");
var getDay = data.tolocalestring ("padrão", dia: "2-digit");

Agora, defina a data em um formato específico acessando variáveis ​​que armazenam o ano, mês e dia em um formato especificado:

var dateFormat = getYear + "-" + getMonth + "-" + getDay;

Imprima a data resultante no console:

console.log (dataFormat);

A saída mostra que a data é convertida com sucesso em formato AAAA-MM-DD

Fornecemos todas as melhores soluções possíveis para formatar uma data como em AAAA-MM-DD em JavaScript.

Conclusão

Para definir o formato de uma data como AAAA-MM-DD em JavaScript, use o “tolocaledatestring ()”Método ou a concatenação do“Getlyear ()","getmonth ()" e "getDate ()" métodos. No método tolocaledatestring (), defina o “opçãoParâmetro para o “2 dígitos”Número por mês e data, enquanto, na segunda abordagem, anexe liderando zero ao valor resultante se for menor que 10. Este tutorial demonstrou os métodos para definir a data em um formato AAAA-MM-DD.