Trabalhando com datas no JavaScript com date-fns

Nem sempre trabalhar com datas no Javascript é um tarefa muito simples. Mas hoje podemos contar com algumas bibliotecas que facilitam muito a nossa vida durante o processo de desenvolvimento.

Hoje vou escrever um pequeno tutorial mostrando algumas das principais funções da biblioteca Date-fns. Confira!

Para começar a trabalhar com datas utilizando a biblioteca date-fns no JavaScript, você precisará primeiro instalá-la em seu projeto. Isso pode ser feito utilizando o gerenciador de pacotes npm ou yarn, digitando o seguinte comando:

npm install date-fns

ou

yarn add date-fns

Uma vez instalada, você pode importar a biblioteca em seu código JavaScript da seguinte maneira:

import { format } from 'date-fns';

Agora, vamos dar uma olhada em algumas das principais operações de data que você pode realizar com a biblioteca date-fns.

Formatando uma data

Para formatar uma data em um formato específico, você pode usar a função format e passar a data e o formato desejado como argumentos. Por exemplo:

const date = new Date();
const formattedDate = format(date, 'MM/dd/yyyy');
console.log(formattedDate); // exibe a data atual no formato "mm/dd/aaaa"

Adicionando ou subtraindo dias de uma data

Para adicionar ou subtrair dias de uma data, você pode usar as funções addDays ou subDays, respectivamente. Por exemplo:

import { addDays, subDays } from 'date-fns';

const date = new Date();
const nextWeek = addDays(date, 7);
console.log(nextWeek); // exibe a data daqui a 7 dias
const lastWeek = subDays(date, 7);
console.log(lastWeek); // exibe a data da semana passada

Comparando duas datas

Para comparar duas datas, você pode usar a função isEqual e passar as duas datas como argumentos. Ela retornará true se as duas datas forem iguais e false caso contrário. Por exemplo:

import { isEqual } from 'date-fns';

const date1 = new Date();
const date2 = new Date();

console.log(isEqual(date1, date2)); // exibe "true", pois ambas as datas são iguais

Essas são apenas algumas das operações de data disponíveis na biblioteca date-fns. Existem muitas outras funções disponíveis, como adicionar ou subtrair meses, anos, horas, minutos, etc. Você pode encontrar mais informações na documentação oficial(https://date-fns).

Espero que tenham gostados e bons estudos.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *