Тёмный

Расчет временной дистанции в JavaScript 

Михаил Непомнящий
Подписаться 68 тыс.
Просмотров 8 тыс.
50% 1

Современный JavaScrtipt из коробки позволяет нам гибко высчитывать временные дистанции - в минутах, часах, днях, месяцах или годах. Разбираемся как сделать это средствами объекта Intl или с помощью библиотеки date-fns.
RelativeTimeFormat на MDN developer.mozi...
Библиотека date-fns www.npmjs.com/...
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru...
paypal.me/mish...

Опубликовано:

 

30 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 28   
@spaceythespace
@spaceythespace Год назад
Мы в проекте юзаем date-fns(года 2 назад юзался moment, но он раздувает бандл + deprecated). Проект CRM-система и выводить оставшееся время нужно во многих местах, например оставшееся время для возврата авиа билета или отельной брони в красивом виде: Cancelation policy time limit: 3 days 12 hours 45 minutes
@ПетрГерман-й6х
@ПетрГерман-й6х Год назад
Хотел бы увидеть длинный ролик где вы пишите большой проект подобно интернет магазина на reactTs,Redux. Было бы очень хорошо для практики, так и показать как все работает
@from_brest2631
@from_brest2631 Год назад
Устрой есть на работу - будете каждый день такое наблюдать.
@SputnikovoeTV
@SputnikovoeTV Год назад
Спасибо, хорошо и очень понятно объясняете , продолжайте в том же духе
@victormog
@victormog Год назад
IMHO, во избежание ошибок лучше использовать массив объектов из двух значений, чем два массива (если уж они жёстко связаны)
@devandtravel
@devandtravel Год назад
Неплохой вариант использовать dayjs
@user-888azim-97
@user-888azim-97 Год назад
+
@from_brest2631
@from_brest2631 Год назад
Там плагины всякие юзать запаривает :)
@kozubskyi
@kozubskyi Год назад
Вроде можно было написать чуть иначе некоторые строки: Добавить первым элементом число 1 в массив cutoffs на 23 строке const cutoffs = [ 1, 60, ... ] и тогда не надо условие на 29 строке, будет просто const divisor = cutoffs[unitIndex] не проверял, но вроде так же должно работать
@annan.2802
@annan.2802 Год назад
Спасибо за видео! Но все же функция не точная. Ведь если прошло 24 часа, это не означает, что было позавчера.
@bronik04
@bronik04 Год назад
Звук действительно стал лучше) правда теперь я не узнаю голос Михаила)
@kokoc58
@kokoc58 Год назад
Всё красиво работает, даже есть дата 29.02.2022 😁
@MK-td2dt
@MK-td2dt Год назад
Звук явно стал круче , слушать очень приятно
@curillaenator
@curillaenator Год назад
Прекрасный гайд! Спасибо!
@iGotton
@iGotton Год назад
Топ
@jigglydezar7331
@jigglydezar7331 Год назад
Подскажите, что за расширения используются в vs code у автора видео? Вывод ошибок справа на строке и вывод console.log там же. Вообще всю конфигурацию глянул
@mishanep
@mishanep Год назад
Это расширение Quokka
@jigglydezar7331
@jigglydezar7331 Год назад
@@mishanep спасибо большое!
@jigglydezar7331
@jigglydezar7331 Год назад
@@mishanep спасибо большое!
@glaciron
@glaciron Год назад
Здравствуйте. Подскажите пожалуйста что у вас за расширение стоит ,которое подсказывает функция верно написана или нет .
@777Vasya77
@777Vasya77 Год назад
quokkajs + wallabyjs
@mishanep
@mishanep Год назад
Quokka. Она есть платная. Но для примера на видео бесплатной версии достаточно.
@nikolaysmolov8031
@nikolaysmolov8031 Год назад
Михаил, спасибо за новые знания! Давно хотел спросить, ты тему сам кастомизировал или это тема из расширений? Можешь поделиться?)
@mishanep
@mishanep Год назад
Смотря о чем речь. Цветовое оформление - это тема CodeSandbox. Иконки - Material Icons. Положение панели - ручная кастомизация.
@nikolaysmolov8031
@nikolaysmolov8031 Год назад
@@mishanep Да, я про цвета. Спасибо
@evgeniykolmak5459
@evgeniykolmak5459 Год назад
А то что выскакиваю подсказки сбоку? И то что выводится в консоль
@mishanep
@mishanep Год назад
@@evgeniykolmak5459 подсказки - это TypeScript. А консоль - расширение Quokka.
Далее
FATAL CHASE 😳 😳
00:19
Просмотров 1,6 млн
КВН 2024 Встреча выпускников
2:00:41