No video

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

  Рет қаралды 7,742

Михаил Непомнящий

Михаил Непомнящий

Жыл бұрын

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

Пікірлер: 28
@Gefestes
@Gefestes Жыл бұрын
Мы в проекте юзаем date-fns(года 2 назад юзался moment, но он раздувает бандл + deprecated). Проект CRM-система и выводить оставшееся время нужно во многих местах, например оставшееся время для возврата авиа билета или отельной брони в красивом виде: Cancelation policy time limit: 3 days 12 hours 45 minutes
@SputnikovoeTV
@SputnikovoeTV Жыл бұрын
Спасибо, хорошо и очень понятно объясняете , продолжайте в том же духе
@curillaenator
@curillaenator Жыл бұрын
Прекрасный гайд! Спасибо!
@MK-td2dt
@MK-td2dt Жыл бұрын
Звук явно стал круче , слушать очень приятно
@user-ni8yy2mh6y
@user-ni8yy2mh6y Жыл бұрын
Хотел бы увидеть длинный ролик где вы пишите большой проект подобно интернет магазина на reactTs,Redux. Было бы очень хорошо для практики, так и показать как все работает
@from_brest2631
@from_brest2631 Жыл бұрын
Устрой есть на работу - будете каждый день такое наблюдать.
@user-mu2lr9zc7d
@user-mu2lr9zc7d Жыл бұрын
Всё красиво работает, даже есть дата 29.02.2022 😁
@iGotton
@iGotton Жыл бұрын
Топ
@devandtravel
@devandtravel Жыл бұрын
Неплохой вариант использовать dayjs
@user-888azim-97
@user-888azim-97 Жыл бұрын
+
@from_brest2631
@from_brest2631 Жыл бұрын
Там плагины всякие юзать запаривает :)
@victormog
@victormog Жыл бұрын
IMHO, во избежание ошибок лучше использовать массив объектов из двух значений, чем два массива (если уж они жёстко связаны)
@bronik04
@bronik04 Жыл бұрын
Звук действительно стал лучше) правда теперь я не узнаю голос Михаила)
@kozubskyi
@kozubskyi Жыл бұрын
Вроде можно было написать чуть иначе некоторые строки: Добавить первым элементом число 1 в массив cutoffs на 23 строке const cutoffs = [ 1, 60, ... ] и тогда не надо условие на 29 строке, будет просто const divisor = cutoffs[unitIndex] не проверял, но вроде так же должно работать
@jigglydezar7331
@jigglydezar7331 Жыл бұрын
Подскажите, что за расширения используются в vs code у автора видео? Вывод ошибок справа на строке и вывод console.log там же. Вообще всю конфигурацию глянул
@mishanep
@mishanep Жыл бұрын
Это расширение Quokka
@jigglydezar7331
@jigglydezar7331 Жыл бұрын
@@mishanep спасибо большое!
@jigglydezar7331
@jigglydezar7331 Жыл бұрын
@@mishanep спасибо большое!
@nikolaysmolov8031
@nikolaysmolov8031 Жыл бұрын
Михаил, спасибо за новые знания! Давно хотел спросить, ты тему сам кастомизировал или это тема из расширений? Можешь поделиться?)
@mishanep
@mishanep Жыл бұрын
Смотря о чем речь. Цветовое оформление - это тема CodeSandbox. Иконки - Material Icons. Положение панели - ручная кастомизация.
@nikolaysmolov8031
@nikolaysmolov8031 Жыл бұрын
@@mishanep Да, я про цвета. Спасибо
@evgeniykolmak5459
@evgeniykolmak5459 Жыл бұрын
А то что выскакиваю подсказки сбоку? И то что выводится в консоль
@mishanep
@mishanep Жыл бұрын
@@evgeniykolmak5459 подсказки - это TypeScript. А консоль - расширение Quokka.
@annan.2802
@annan.2802 Жыл бұрын
Спасибо за видео! Но все же функция не точная. Ведь если прошло 24 часа, это не означает, что было позавчера.
@glaciron
@glaciron Жыл бұрын
Здравствуйте. Подскажите пожалуйста что у вас за расширение стоит ,которое подсказывает функция верно написана или нет .
@777Vasya77
@777Vasya77 Жыл бұрын
quokkajs + wallabyjs
@mishanep
@mishanep Жыл бұрын
Quokka. Она есть платная. Но для примера на видео бесплатной версии достаточно.
Глубокое копирование объекта в JavaScript
8:43
Михаил Непомнящий
Рет қаралды 21 М.
Зачем на самом деле нужен хук useCallback
8:33
Михаил Непомнящий
Рет қаралды 40 М.
EVOLUTION OF ICE CREAM 😱 #shorts
00:11
Savage Vlogs
Рет қаралды 13 МЛН
Sigma girl and soap bubbles by Secret Vlog
00:37
Secret Vlog
Рет қаралды 15 МЛН
GraphQL для фронтенд разработчиков
35:52
Михаил Непомнящий
Рет қаралды 45 М.
Vite для быстрой разработки и сборки приложения
10:49
Михаил Непомнящий
Рет қаралды 67 М.
Чем заменить Axios в 2023-м
17:12
Михаил Непомнящий
Рет қаралды 33 М.
Как ловить ошибки в JavaScript коде
14:24
Михаил Непомнящий
Рет қаралды 11 М.
Building an Interactive Calendar with Tailwind UI, React and date-fns
23:48
Автоматизация создания React-компонентов
14:36
Михаил Непомнящий
Рет қаралды 20 М.
Игра в пары на Javascript. Самое понятное объяснение
58:38
Александр Дудукало
Рет қаралды 8 М.
Загрузка файлов с фронтенда
18:49
Михаил Непомнящий
Рет қаралды 51 М.