Библиотека Даи.јс олакшава руковање операцијама датума и времена у Реацт апликацијама.

Управљање датумом и временом је кључно за сваку апликацију, а Реацт није изузетак. Иако ЈаваСцрипт пружа уграђене функције за манипулацију датумом и временом, оне могу бити гломазне. На срећу, многе библиотеке независних произвођача могу поједноставити управљање датумом и временом у Реацт-у. Једна таква библиотека је Даи.јс.

Даи.јс је лагана библиотека за рашчлањивање, проверу, манипулисање и форматирање датума и времена у ЈаваСцрипт-у.

Инсталација Даи.јс

Тхе Даи.јс библиотека је савремена алтернатива за Момент.јс, што је још једна библиотека која се користи за руковање датумима и временима. Даи.јс нуди сличан АПИ са мањим отиском и бржим перформансама.

Да бисте користили Даи.јс у својој Реацт апликацији, прво морате да је инсталирате. То можете учинити тако што ћете покренути следећу команду у свом терминалу:

нпм инсталл даијс

Рашчлањивање и форматирање датума и времена

Даи.јс пружа једноставан АПИ за рашчлањивање и форматирање датума. Можете добити датум и време користећи

instagram viewer
даијс() метод, али прво морате да га увезете из библиотеке Даи.јс.

На пример:

увоз Реаговати из'реаговати';
увоз даијс из'даијс';

функцијаАпликација() {

конст датум = даијс();
конзола.лог (датум);

повратак (


Датум и управљање временом</p>
</div>
)
}

извозУобичајено Апликација

Тхе даијс() метод креира нови објекат Даи.јс који представља одређени датум и време. У горњем примеру, даијс() метод креира објекат Даи.јс који представља тренутни датум и време.

У вашој конзоли, објекат Даи.јс би изгледао овако:

Тхе даијс() метода прихвата опциони аргумент датума који може бити стринг, број (Уник временска ознака), ЈаваСцрипт објекат датума, или неки други објекат Даи.јс. Метод ће генерисати објекат Даи.јс који представља наведени аргумент датума.

На пример:

увоз Реаговати из'реаговати';
увоз даијс из'даијс';

функцијаАпликација() {

конст датум = даијс('2023-05-01');
конзола.лог (датум); // Даи.јс објекат који представља наведени датум

конст уникДате = даијс(1651382400000);
конзола.лог (уникДате); // Даи.јс објекат који представља наведени датум

повратак (


Датум и управљање временом</p>
</div>
)
}

извозУобичајено Апликација

Излаз објекта Даи.јс овог блока кода биће сличан претходном блоку кода, али ће имати различите вредности својстава.

Да бисте приказали датуме генерисане као Даи.јс објекти, потребно је да користите формат() методом. Тхе формат() метод библиотеке Даи.јс вам омогућава да форматирате објекат Даи.јс као стринг према одређеном низу формата.

Метода узима стринг формата као аргумент. Аргумент стринг може да садржи комбинацију слова и специјалних знакова, сваки са одређеним значењем,

На пример:

увоз Реаговати из'реаговати';
увоз даијс из'даијс';

функцијаАпликација() {

конст датум = даијс('2023-05-01').формат('дддд, ММММ Д, ГГГГ'); // понедељак, 1. мај 2023
конст време = даијс().формат('ХХ: мм: сс'); //09:50:23
конст уникДате = даијс(1651382400000).формат('ММ/ДД/ГГ'); // 05/01/22

повратак (


{дате}</p>

{уникДате}</p>

{тиме}</p>
</div>
)
}

извозУобичајено Апликација

Тхе датум променљива ће приказати датум у овом формату „среда, 26. април 2023.“. Низ формата је „дддд, ММММ Д, ГГГГ“ где дддд је дан у недељи, ММММ је месец речима, Д је дан у месецу са једном или две цифре, и ИИИИ је година са четири цифре.

Тхе уникДате променљива је форматирана као стринг помоћу стринга за формат 'ДД/ММ/ГГГГ,' који представља месец са две цифре, дан у месецу са две цифре, а годину са четири цифре.

Тхе време променљива приказује тренутно време у наведеном формату. Низ формата је „ХХ: мм: сс“ где ХХ представља сате, мм представља записник, а сс представља секунде.

Манипулисање датумима и временима

Даи.јс пружа више метода које олакшавају манипулисање датумима и временом. Можете се позвати на Даи.јс званичну документацију да бисте добили комплетну листу доступних метода за манипулисање датумима и временима.

На пример:

увоз Реаговати из'реаговати';
увоз даијс из'даијс';

функцијаАпликација() {

конст датум = даијс().адд(7,'дани').формат('дддд, ММММ Д, ГГГГ'); // Среда 16.06.2023
конст време = даијс().субтрацт(2, 'сати').формат('ХХ: мм: сс'); // 07:53:00

повратак (


{дате}</p>

{тиме}</p>
</div>
)
}

извозУобичајено Апликација

Горњи блок кода користи додати() метод за додавање 7 дана тренутном датуму. Тхе додати() метода вам омогућава да додате одређену количину времена објекту Даи.јс. Метод узима два аргумента, количину времена за сабирање у бројевима и јединицу времена за сабирање.

Са одузми() методом, можете одузети одређено време од Даи.јс објекат. Тхе време променљива одузима 2 сата од тренутног времена користећи одузми() методом.

Приказ релативног времена

Даи.јс нуди неколико метода укључујући од сада(), сада(), до(), и од() да прикаже релативно време, као што је „пре 2 сата“ или „за 3 дана“. Да бисте користили ове методе, увезите релативноВреме додатак из даијс/плугин/релативеТиме у вашој Реацт апликацији.

На пример:

увоз Реаговати из'реаговати';
увоз даијс из'даијс';
увоз релативноВреме из'даијс/плугин/релативеТиме';

функцијаАпликација() {

даијс.ектенд (релативеТиме);

конст датум = даијс().адд(7, 'дани')
конст релативни датум = датум.од сада(); // за 7 дана

конст датум2 = даијс().субтрацт(2, 'сати');
конст релативниДатум2 = дате2.тоНов(); // за 2 сата

конст ластИеар = даијс().субтрацт(1, 'година');
конст дифф = дате.фром (ластИеар); // у години
конст дифф2 = датум.до (прошле године) // пре годину дана

повратак (


{релативДате }</p>

{релативДате2 }</p>

{ дифф }</p>

{ дифф2 }</p>
</div>
)
}

извозУобичајено Апликација

Тхе од сада() функција приказује релативни временски низ који представља разлику између тренутног времена и одређеног датума. У овом примеру, од сада() приказује разлику између датум и тренутно време.

Тхе сада() функција је слична оној од сада() функција у томе што приказује стринг који представља разлику између одређеног датума и тренутног времена. Када позовете сада() функција, враћа релативни временски низ на тренутно време.

На крају, коришћењем од() и до() функције, можете приказати релативни временски низ који представља разлику између два наведена датума. У овом примеру добијате разлику између прошле године и датум помоћу од() и до() функције.

Напомена, такође можете проследити опциони логички аргумент у од сада(), сада(), од(), и до() методе за одређивање да ли да се укључи или искључи суфикс (нпр. „пре“ или „у“).

На пример:

конст датум = даијс().адд(7, 'дани')
конст релативни датум = датум.од сада(истина); // 7 дана

конст датум2 = даијс().субтрацт(2, 'сати');
конст релативниДатум2 = датум2.до сада(истина); // 2 сата

конст ластИеар = даијс().субтрацт(1, 'година');
конст разлика = датум.од (прошле године, истина) // годину
конст дифф2 = датум.до (прошле године, истина) // годину

Пролаз лажно у аргумент ће приказати датуме са суфиксом.

Ефикасно управљање датумом и временом

Управљање датумом и временом је кључни аспект сваке апликације, а Даи.јс пружа библиотеку лаку за коришћење и флексибилну за руковање овим операцијама у Реацт апликацији. Укључујући Даи.јс у свој пројекат, можете лако форматирати датуме и времена, анализирати низове и манипулисати трајањем.

Поред тога, Даи.јс нуди низ додатака који ће проширити своју функционалност и учинити га још моћнијим. Без обзира да ли правите једноставан календар или сложен систем заказивања, Даи.јс је одличан избор за управљање датумом и временом у вашој Реацт апликацији.