JavaScript 2024: Temporal API - работа с датой и временем

Подписаться 41 тыс.

Просмотров 7 тыс.

50% 1

Сегодня разберёмся с Temporal API новой фичёй, которая появится в JavaScript и даст возможность работать с датой, временем, календарями и TimeZone совершенно по-новому.
🔗 Ссылки:
Promise.withResolvers: • JavaScript 2024: Полны...
Temporal API Docs: tc39.es/proposal-temporal/docs/
🎓 Все курсы по разработке: purpleschool.ru
💬 Telegram канал с полезными советами:
t.me/purple_code_channel
Разделы видео:
0:00 - Введение
0:37 - О Temporal API
3:28 - Подключение polyfill
5:55 - Текущие дата и время - Now
8:48 - Преобразование из Date
9:51 - Создание Instant
11:52 - Создание ZonedDateTime
14:13 - PlainDateTime
16:05 - Расчёт дат
17:37 - Сравнение дат
19:05 - Документация
20:00 - Заключение

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

31 май 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 46

@PurpleSchool Месяц назад

🔗 Ссылки: Promise.withResolvers: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-8Guo321ACcU.html Temporal API Docs: tc39.es/proposal-temporal/docs/ 🎓 Все курсы по разработке: purpleschool.ru 💬 Telegram канал с полезными советами: t.me/purple_code_channel

@TylerMacClane 20 дней назад

Видео понравилось, спасибо. 👾

@PurpleSchool 20 дней назад

Пожалуйста!

@DubinArtur Месяц назад

Такими темпами может через 10 лет можно будет нормально стилизовать инпуты. А ещё через 20 скролл

@PurpleSchool Месяц назад

Будет отлично)

@nikolassmakovsky4032 Месяц назад

Слишком оптимистичный прогноз))))

@chorny33 Месяц назад

Обратная совместимость имеет ограничения, но зато развиваться можно бесконечно долго)

@Furamy Месяц назад

А в чем проблема стилизовать скролл? Вот селект стилизовать проблема)

@victorhytrop Месяц назад

@@Furamyа в чем проблема стилизовать селект?)

@chorny33 Месяц назад

Я luxon js использую в проекте, что то наподобие moment js, база одна у них. Методы тоже похожие

@PurpleSchool Месяц назад

👍

@vnature2vagona 10 дней назад

@@PurpleSchool а в Temporal нет простых вариантов установки toFormat, fromFormat наподобии тех что в moment/luxon? Потому что для создания форматированной даты приходётся писать что-то наподобии этого const now = Temporal.Now.instant(); const dateTime = now.toString({ timeZone: 'UTC', era: 'short', year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit', millisecond: '3-digit' });

@deuxego Месяц назад

Антон здраствуйте, вы записываете курс по GO? видел вашу репу, с тасками по go, пришел к подобному выводу, если это действительно так, то когда ждать курс? и каково ваше мнение об GO?

@PurpleSchool Месяц назад

Да, записываю курс и он выйдет в мае или июне. Go люблю)

@Vandomas Месяц назад

Luxon как метод работы с датой очень удобный

@PurpleSchool Месяц назад

Да, но благо сможем обойтись в будущем без сторонних библиотек

@kolchinanyaa Месяц назад

Привет! Можете подсказать по strapi плюс docker? Я разворачиваю strapi через docker и заполняю данными условно какие-нибудь карточки товара. Потом покупаю vps, закидываю туда свои файлы и выполняю команду docker-compose все запускается и работает, но данных которые я заполняла локально нет В чем может быть проблема и как ее решить? Есть вариант сразу на vps данные заполнять, но решение такое себе Знаю что не по теме видео, но уже долго ищу ответ и не могу найти

@montecristo31 Месяц назад

Почитай про volume docker, корректно с strapi незнаком, но возможно он хранит конфиги отдельно где то в системе, нужно в документации посмотреть, backup

@maksikgregory4988 Месяц назад

я почему то думал что плюсик после времени 23:15+2 это и есть тайм зона UTC+2. То есть у меня сейчас 23:15 в часовом поясе +2. Что соответствует Москве и ряду других городов в этом поясе. Соответственно любой кому я перешлю время в формате 23:15+2 понимает какая между нами разница в часах. Так понимаю мне нужно подтянуть теорию☺️ А то получается что символ плюс это смещение, а ещё и часовой пояс указываем. Одно другому не мешает?)

@kkulebaev Месяц назад

Да, я вот тоже почему-то так думал. А тут в видео получается он для даты создал произвольное смещение и поставил таймзону лондон

@HEX_CAT Месяц назад

❤❤❤🎉🎉🎉

@PurpleSchool Месяц назад

♥️

@KostaRMax Месяц назад

Будет ли в Instant возможность выводить относительные даты? Например, "10 мин назад" и подобное

@PurpleSchool Месяц назад

Думаю можно сделать через Duration tc39.es/proposal-temporal/docs/duration.html

@CJIu3eHb Месяц назад

@@PurpleSchool Да, похоже, что облегчит разбитие на юниты времени (часы/минуты/секунды) и, возможно, поможет в превращении конкретных юнитов в строку со склонением (Intl.DurationFormat, который для этого используется, пока живет только в Safari, похоже). Но формат вывода полного сообщения походу останется на людях - выводить только старший юнит ("1 день назад") или, например, несколько ("1 день и 2 часа назад"). Это, конечно, логично - это бизнес-логика конкретного приложения, но хотелось бы иметь готовый самый распространенный вариант а-ля RelativeTime из Day.js.

@user-do4by5kp7x Месяц назад

В терминале copilot или что-то другое?

@PurpleSchool Месяц назад

Codeium

@mrblacklord6143 Месяц назад

Как называется тема vscode?

@PurpleSchool Месяц назад

PurpleSchool Theme

@awenn2015 Месяц назад

12:28 не понял, какой еще bigint, давно ли в js появились новые типы данных?)

@Furamy Месяц назад

давненько уже существует

@PurpleSchool Месяц назад

Очень давно)

@victorhytrop Месяц назад

😅

@awenn2015 Месяц назад

@@PurpleSchool а, это класс обычный, под капотом наверно как то реализуется, хз для чего он на фронте нужен

@PurpleSchool Месяц назад

@@awenn2015 Это не класс, а тип данных. Нужен для работы с большими числами

@makarasty1 Месяц назад

Обычно использовал moment

@PurpleSchool Месяц назад

Он кстати больше не поддерживается

@UC1C0GDMTjasAdhELHZ6lZNg Месяц назад

Антон, привет, почини новый сайт. Почту от старого не принимает, восстановить пароль не даёт - письмо не приходит, зарегаться заново тоже потому что эта почта уже используется. А старый урл редиректит на новую версию. Всё, я без доступа.

@PurpleSchool Месяц назад

Напишите на contact@purpleschool.ru и мы вам вышлем ссылку на восстановление пароля