Lucrul cu Date Utilizarea date-fns în JavaScript

Lucrul cu întâlnirile nu este o sarcină ușoară. Dar, pachetul date-fns facilitează lucrul cu datele în JavaScript.

Să ne aprofundăm în pachetul date-fns pentru a ne face viața mai ușoară decât înainte. Pachetul date-fns este ușor.

Cuprins

Instalarea pachetului

Trebuie să setăm proiectul cu npm pentru a lucra cu un pachet terță parte. Să vedem rapid pașii pentru a finaliza configurarea noastră.

Presupun că aveți NodeJS instalat sau IDE pentru a practica acest lucru.

Navigați la directorul dorit în care doriți să lucrați.
Rulați comanda npm init pentru a inițializa proiectul.
Răspundeți la toate întrebările în funcție de preferințele dvs.
Acum, instalați data-fns folosind comanda de mai jos

npm install date-fns

Creați un fișier numit dateFunctions.js

Acum, suntem gata să sărim în pachetul date-fns. Să mergem și să învățăm câteva metode esențiale din pachet.

este valabil

Toate datele nu sunt valabile.

De exemplu, nu există o dată ca 2021-02-30. Cum putem verifica dacă data este valabilă sau nu?

Metoda este Valid de la data-fns pachetul ne va ajuta să aflăm dacă data dată este validă sau nu.

Verificați dacă următorul cod funcționează bine sau nu cu valabilitatea datelor.

const { isValid } = require("date-fns");

console.log(isValid(new Date("2021, 02, 30")));

Dacă executați codul de mai sus, veți constata că 30 februarie 2021 este valabil. Oh! Nu este.

De ce se întâmplă?

JavaScript convertește ziua suplimentară din februarie în 1 martie 2021, care este o dată valabilă. Pentru a o confirma, imprimați noua dată („2021, 02, 30”) pe consolă.

console.log(new Date("2021, 02, 30"));

Pachetul date-fns oferă o metodă numită parse pentru a rezolva această problemă. Metoda analizează data pe care ați dat-o și returnează rezultate precise.

Cum să vă transferați Crypto-ul într-un portofel de depozitare la rece (pas cu pas)

Aruncă o privire la codul de mai jos.

const { isValid, parse } = require("date-fns");

const invalidDate = parse("30.02.2021", "dd.MM.yyyy", new Date());
const validDate = parse("25.03.2021", "dd.MM.yyyy", new Date());

console.log(isValid(invalidDate));
console.log(isValid(validDate));

format

Una dintre utilizările de bază în timpul lucrului cu date este formarea lor după cum dorim. Formatăm datele în diferite formate folosind metoda formatului din pachetul date-fns.

Formatați data ca 23-01-1993, 1993-01-23 10:43:55, marți, 23 ianuarie 1993, etc., Rulați următorul cod pentru a obține data corespunzătoare în formatele menționate.

const { format } = require("date-fns");

console.log(format(new Date(), "dd-MM-yyyy"));
console.log(format(new Date(), "dd/MM/yyyy HH:mm:ss"));
console.log(format(new Date(), "PPPP"));

Puteți găsi lista completă de formate Aici.

addDays

Metoda addDays este folosită pentru a seta un termen limită după un anumit număr de zile.

Pur și simplu, putem adăuga zile la orice dată pentru a obține data zilei după câteva zile. Are multe aplicații.

Să presupunem că ai o zi de naștere după X zile și ești ocupat în acele zile. Este posibil să nu vă amintiți ziua de naștere în programul dvs. încărcat. Puteți utiliza pur și simplu metoda addDays pentru a vă anunța despre ziua de naștere după X zile. Aveți codul.

const { format, addDays } = require("date-fns");

const today = new Date();

// birthday after 6 days
const birthday = addDays(today, 6);

console.log(format(today, "PPPP"));
console.log(format(birthday, "PPPP"));

Similar cu metoda addDays, există și alte metode precum addHours, subHours, addMinutes, subMinutes, addSeconds, subSeconds, subDays, addWeeks, subWeeks, addYears, subYears, etc., Puteți ghici cu ușurință funcționalitatea metodelor cu numele lor.

Încercați-le.

formatDistance

Scrierea codului pentru a compara datele de la zero este un coșmar. De ce comparăm datele oricum?

Există multe aplicații în care ați văzut comparații de date. Dacă utilizați site-uri web de rețele sociale, va apărea un slogan care menționează acum 1 minut, 12 ore în urmă, 1 zi în urmă etc.. Aici, folosim compararea datei de la data și ora postării la data și ora prezentă.

Cum să protejați părți ale unui document Word de editare

Metoda formatDistance face același lucru. Acesta returnează decalajul dintre cele două date date.

Să scriem un program pentru a-ți găsi vârsta.

const { formatDistance } = require("date-fns");

const birthday = new Date("1956, 01, 28");
const presentDay = new Date();

console.log(`Age: ${formatDistance(presentDay, birthday)}`);

fiecareDayOfInterval

Să presupunem că trebuie să găsiți nume și date despre următoarele X zile. Metoda eachDayOfInterval ne ajută să găsim zilele dintre data de început și data de sfârșit.

Să aflăm următoarele 30 de zile de astăzi.

const { addDays, eachDayOfInterval, format } = require("date-fns");

const presentDay = new Date();
const after30Days = addDays(presentDay, 30);

const _30Days = eachDayOfInterval({ start: presentDay, end: after30Days });

_30Days.forEach((day) => {
   console.log(format(day, "PPPP"));
});

max si min

Metodele max și min găsesc datele maxime și, respectiv, minime dintre datele date. Metodele din date-fns sunt foarte familiare și ușor de ghicit funcționalitatea acelor metode. Să scriem ceva cod.

const { min, max } = require("date-fns");

const _1 = new Date("1990, 04, 22");
const _2 = new Date("1990, 04, 23");
const _3 = new Date("1990, 04, 24");
const _4 = new Date("1990, 04, 25");

console.log(`Max: ${max([_1, _2, _3, _4])}`);
console.log(`Min: ${min([_1, _2, _3, _4])}`);

este egal

Puteți ghici cu ușurință funcționalitatea metodei este Equal. După cum credeți că metoda isEqual este folosită pentru a verifica dacă două date sunt egale sau nu. Vedeți exemplul de cod de mai jos.

const { isEqual } = require("date-fns");

const _1 = new Date();
const _2 = new Date();
const _3 = new Date("1900, 03, 22");

console.log(isEqual(_1, _2));
console.log(isEqual(_2, _3));
console.log(isEqual(_3, _1));

Concluzie

Dacă vorbim despre fiecare metodă din pachetul date-fns, atunci este nevoie de zile pentru a finaliza. Cel mai bun mod de a învăța orice pachet este să vă familiarizați cu metodele esențiale din acesta și apoi să citiți documentația pentru mai multe informații. Aplicați același scenariu și pentru pachetul date-fns.

11 cele mai bune instrumente de verificare pentru aprobări rapide și feedback

Ați învățat metodele esențiale în acest tutorial. Căutați utilizarea specifică în documentație sau luați în considerare cursuri online precum JavaScript, jQuery și JSON.

Codare fericită 👨‍💻