Расчет временной дистанции в JavaScript
Vložit
- čas přidán 7. 09. 2024
- Современный 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]
не проверял, но вроде так же должно работать
Звук действительно стал лучше) правда теперь я не узнаю голос Михаила)
IMHO, во избежание ошибок лучше использовать массив объектов из двух значений, чем два массива (если уж они жёстко связаны)
Топ
Подскажите, что за расширения используются в vs code у автора видео? Вывод ошибок справа на строке и вывод console.log там же. Вообще всю конфигурацию глянул
Это расширение Quokka
@@mishanep спасибо большое!
@@mishanep спасибо большое!
Михаил, спасибо за новые знания! Давно хотел спросить, ты тему сам кастомизировал или это тема из расширений? Можешь поделиться?)
Смотря о чем речь. Цветовое оформление - это тема CodeSandbox. Иконки - Material Icons. Положение панели - ручная кастомизация.
@@mishanep
Да, я про цвета. Спасибо
А то что выскакиваю подсказки сбоку? И то что выводится в консоль
@@evgeniykolmak5459 подсказки - это TypeScript. А консоль - расширение Quokka.
Спасибо за видео! Но все же функция не точная. Ведь если прошло 24 часа, это не означает, что было позавчера.
Здравствуйте. Подскажите пожалуйста что у вас за расширение стоит ,которое подсказывает функция верно написана или нет .
quokkajs + wallabyjs
Quokka. Она есть платная. Но для примера на видео бесплатной версии достаточно.