Formatar data com jQuery - JavaScript

Muitas vezes precisamos exibir datas em um formato específico em nossos aplicativos da web. O JavaScript tem um objeto de data embutido que pode ser usado para trabalhar com datas, mas a formatação pode ser um pouco desafiadora. Felizmente, com a biblioteca jQuery, é bem fácil formatar data em JavaScript.

Uso básico

Para formatar uma data com jQuery, podemos usar a função $.format.date(). Ela aceita dois argumentos: a data a ser formatada e o formato desejado. O formato é especificado usando uma sequência de caracteres especiais que indicam como a data deve ser representada.

Aqui está um exemplo simples:

var dataAtual = new Date();
var dataFormatada = $.format.date(dataAtual, "dd/MM/yyyy");
console.log(dataFormatada); // saída: "23/07/2021"

Neste exemplo, criamos um objeto de data representando a data e hora atuais e, em seguida, formatamos a data no formato "dd/MM/yyyy". A função console.log() é usada para exibir a data formatada no console do navegador.

Sequência de caracteres para formatação

Aqui estão alguns dos caracteres que podem ser usados para criar sequências formatadas:

• dd: dia do mês com dois dígitos (01 a 31)
• MM: mês com dois dígitos (01 a 12)
• yyyy: ano com quatro dígitos
• yy: ano com dois dígitos
• HH: hora com dois dígitos usando um relógio de 24 horas (00 a 23)
• mm: minutos com dois dígitos (00 a 59)
• ss: segundos com dois dígitos (00 a 59)
• a: indicador de AM / PM para formato de relógio de 12 horas

Você pode usar esses caracteres de forma livre para formatar a data como quiser.

Outros exemplos

Aqui estão alguns exemplos relativamente comuns de como formatar as datas:

var dataAtual = new Date();

$.format.date(dataAtual, "dd/MM/yyyy"); // 23/07/2021
$.format.date(dataAtual, "MM/dd/yyyy"); // 07/23/2021
$.format.date(dataAtual, "dd/MM/yyyy HH:mm:ss"); // 23/07/2021 16:12:45
$.format.date(dataAtual, "dd 'de' MMMM 'de' yyyy"); // 23 de julho de 2021
$.format.date(dataAtual, "HH:mm"); // 16:12
$.format.date(dataAtual, "hh:mm a"); // 04:12 PM

Conclusão

A formatação de datas é uma tarefa comum em aplicativos da web e pode ser facilmente realizada com o uso da biblioteca jQuery. A função $.format.date() é muito útil para formatar datas em JavaScript de forma simples e rápida. Os caracteres especiais de formatação podem ser usados para criar a sequência de caracteres que melhor atenda a suas necessidades de formatação. Esperamos que este artigo tenha sido útil para você entender como formatar datas com jQuery em JavaScript.