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.