Расчет временной дистанции в JavaScript
HTML-код
- Опубликовано: 9 фев 2025
- Современный JavaScrtipt из коробки позволяет нам гибко высчитывать временные дистанции - в минутах, часах, днях, месяцах или годах. Разбираемся как сделать это средствами объекта Intl или с помощью библиотеки date-fns.
RelativeTimeFormat на MDN developer.mozi...
Библиотека date-fns www.npmjs.com/...
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru...
paypal.me/mish...
Мы в проекте юзаем date-fns(года 2 назад юзался moment, но он раздувает бандл + deprecated). Проект CRM-система и выводить оставшееся время нужно во многих местах, например оставшееся время для возврата авиа билета или отельной брони в красивом виде: Cancelation policy time limit: 3 days 12 hours 45 minutes
Спасибо, хорошо и очень понятно объясняете , продолжайте в том же духе
Прекрасный гайд! Спасибо!
Звук явно стал круче , слушать очень приятно
Хотел бы увидеть длинный ролик где вы пишите большой проект подобно интернет магазина на reactTs,Redux. Было бы очень хорошо для практики, так и показать как все работает
Устрой есть на работу - будете каждый день такое наблюдать.
Неплохой вариант использовать dayjs
+
Там плагины всякие юзать запаривает :)
Всё красиво работает, даже есть дата 29.02.2022 😁
Вроде можно было написать чуть иначе некоторые строки:
Добавить первым элементом число 1 в массив cutoffs на 23 строке
const cutoffs = [ 1, 60, ... ]
и тогда не надо условие на 29 строке, будет просто
const divisor = cutoffs[unitIndex]
не проверял, но вроде так же должно работать
Звук действительно стал лучше) правда теперь я не узнаю голос Михаила)
Подскажите, что за расширения используются в vs code у автора видео? Вывод ошибок справа на строке и вывод console.log там же. Вообще всю конфигурацию глянул
Это расширение Quokka
@@mishanep спасибо большое!
@@mishanep спасибо большое!
Топ
IMHO, во избежание ошибок лучше использовать массив объектов из двух значений, чем два массива (если уж они жёстко связаны)
Михаил, спасибо за новые знания! Давно хотел спросить, ты тему сам кастомизировал или это тема из расширений? Можешь поделиться?)
Смотря о чем речь. Цветовое оформление - это тема CodeSandbox. Иконки - Material Icons. Положение панели - ручная кастомизация.
@@mishanep
Да, я про цвета. Спасибо
А то что выскакиваю подсказки сбоку? И то что выводится в консоль
@@evgeniykolmak5459 подсказки - это TypeScript. А консоль - расширение Quokka.
Здравствуйте. Подскажите пожалуйста что у вас за расширение стоит ,которое подсказывает функция верно написана или нет .
quokkajs + wallabyjs
Quokka. Она есть платная. Но для примера на видео бесплатной версии достаточно.
Спасибо за видео! Но все же функция не точная. Ведь если прошло 24 часа, это не означает, что было позавчера.