Como obter a data em formato dd/mm/yyyy em javascript?

Trabalhar com datas é um dos obstáculos mais comuns para enfrentar como programador, e JavaScript não é diferente. Aplicações ou programas diferentes exigem que formatemos o valor da data de maneira diferente. Mas graças ao JavaScript tão fácil e amigável ao programador, podemos facilmente formatar a data usando as funções internas do JavaScript.

Neste tutorial, vamos formatar a variável de data em “dd/mm/aaaa”Usando estes métodos internos:

• Getlyear (): Retorna como o ano inteiro em formato de quatro dígitos
• getmonth (): Retorna o mês de uma variável de data, lembre -se de que o mês começa a partir de 0 para janeiro, então você precisa adicionar 1 para evitar confusão
• getDate (): Retorna a data do mês de uma variável de data

Criando uma nova variável de data em JavaScript

Para começar, primeiro precisamos de uma data para isso simplesmente usaremos o objeto Data para obter a data atual, e vamos armazenar isso dentro de uma variável “data atual”. Para isso, use a seguinte linha:

var currentDate = new Date ();

Agora, podemos obter o formato atual dessa variável de data recém -criada usando o log do console:

Este não é o formato, então vamos trabalhar nisso agora passo a passo.

Obtendo mês no formato "mm" correto

Vamos primeiro obter o mês a partir desta data usando o getmonth () funciona como

var mês = currentDate.getMonth () + 1;

Adicionamos 1 ao nosso mês porque o mês na variável Data começa em 0. Depois disso, precisamos garantir que o mês não esteja em um dígito, por isso induzimos a seguinte verificação:

se (mês < 10) month = "0" + month;

Isso mudaria o mês de um dígito em dois dígitos, ou podemos no formato “milímetros”.

Obtendo data no formato "dd" correto

Vamos buscar a data do mês usando o getDate () função:

var dateofmonth = currentDate.getDate ();

Em seguida, verificamos uma data de dígito e convertemos em dois dígitos usando a seguinte linha:

if (DateOfmonth < 10) dateOfMonth = "0" + dateOfMonth;

Agora temos a nossa data no formato correto também.

Obtendo ano no formato "AAAA" correto

Finalmente, obtemos nosso ano a partir da variável de data usando o método getlyear () como

var ano = currentDate.obtlyear ();

Getlyear () retorna o ano no “AAA”Formato. Portanto, não precisamos fazer um cheque.

Compilando a data completa no formato correto

Finalmente, precisamos colocar todos esses 3 componentes do nosso “data”Juntos em uma nova variável usando a seguinte linha de código:

var formatedDate = dateOfmonth + "/" + mês + "/" + ano;

No final, use a função de log do console para imprimir o “formattedDate”No console como:

console.log (formatedDate);

O trecho completo do código é o seguinte:

var currentDate = new Date ();
console.log (currentDate);
var mês = currentDate.getMonth ();
se (mês < 10) month = "0" + month;
var dateofmonth = currentDate.getDate ();
if (DateOfmonth < 10) dateOfMonth = "0" + dateOfMonth;
var ano = currentDate.obtlyear ();
var formatedDate = dateOfmonth + "/" + mês + "/" + ano;
console.log (formatedDate);

Após a execução, você obterá a seguinte saída na tela:

Conclusão

Converter uma variável de data em um formato específico pode parecer muito assustador no início. Mas a formatação de data pode ser facilmente alcançada usando a função interna que vem com o ES6 JavaScript. Neste post tutorial, aprendemos a formatar uma data no formato DD/MM/AAYYY usando as três funções básicas: getMonth (), GetDate e Getlyear ().