0Pricing
JavaScript Academy · Урок

Даты — основы, часовые пояса, Intl.DateTimeFormat

Создавайте даты, извлекайте их части, форматируйте по локали и выводите время других часовых поясов с помощью Intl.DateTimeFormat

«Даты — основы, часовые пояса, Intl.DateTimeFormat» — бесплатный урок JavaScript Academy на CoddyKit. Это урок 3 из 3. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения JavaScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс JavaScript Academy содержит 3 уроков всего.

Введение в даты

Цель: безопасно создавать и форматировать даты.

  • new Date()
  • Чтение частей даты
  • Форматирование с учётом локали
  • Другие часовые пояса
Даты — основы, часовые пояса, Intl.DateTimeFormat — иллюстрация 1

Создание значений Date

Создавайте значения с помощью new Date(), временной отметки или простых частей года, месяца и дня (индекс месяца начинается с 0).

// Create Date instances
// Now (current time)
const now = new Date();

// From timestamp (milliseconds since Jan 1, 1970 UTC)
const fromMs = new Date(0);

// From parts: year, monthIndex (0=Jan), day
const xmas = new Date(2025, 11, 25);

console.log("Now:", now.toString());
console.log("Epoch:", fromMs.toUTCString());
console.log("Xmas:", xmas.toDateString());
Даты — основы, часовые пояса, Intl.DateTimeFormat — иллюстрация 2

Методы получения частей даты

Используйте методы получения, такие как getFullYear, getMonth, getDate и getHours.

// Read parts with getters
const d = new Date(2025, 0, 2, 15, 30);

console.log("Year:", d.getFullYear());
console.log("Month (0=Jan):", d.getMonth());
console.log("Day of month:", d.getDate());
console.log("Hours:", d.getHours());
console.log("Minutes:", d.getMinutes());
Даты — основы, часовые пояса, Intl.DateTimeFormat — иллюстрация 3

ISO и эпоха

toISOString возвращает стабильную строку времени UTC. getTime возвращает количество миллисекунд с начала эпохи.

// ISO string and timestamps
const sample = new Date();

console.log("ISO:", sample.toISOString());
console.log("Unix seconds (approx):", Math.floor(sample.getTime() / 1000));
Даты — основы, часовые пояса, Intl.DateTimeFormat — иллюстрация 4

Форматирование с учётом локали

Используйте Intl.DateTimeFormat для понятного вывода с учётом локали и параметрами для отдельных частей даты.

// Format for a locale
const date = new Date(2025, 6, 4, 9, 5);

// Simple: toLocaleString uses your environment defaults
console.log("Local:", date.toLocaleString());

// Intl.DateTimeFormat with explicit locale and options
const fmt = new Intl.DateTimeFormat("en-GB", {
  year: "numeric",
  month: "short",
  day: "2-digit",
  hour: "2-digit",
  minute: "2-digit"
});

console.log("Formatted:", fmt.format(date));
Даты — основы, часовые пояса, Intl.DateTimeFormat — иллюстрация 5

Форматирование для других часовых поясов

Выберите timeZone, чтобы увидеть тот же момент времени в разных регионах, без ручных вычислений.

// Format for a different time zone
const meeting = new Date(Date.UTC(2025, 3, 10, 12, 0));

const ny = new Intl.DateTimeFormat("en-US", {
  timeZone: "America/New_York",
  dateStyle: "medium",
  timeStyle: "short"
});

const tokyo = new Intl.DateTimeFormat("en-US", {
  timeZone: "Asia/Tokyo",
  dateStyle: "medium",
  timeStyle: "short"
});

console.log("NY:", ny.format(meeting));
console.log("Tokyo:", tokyo.format(meeting));
Даты — основы, часовые пояса, Intl.DateTimeFormat — иллюстрация 6

Проверка Intl.DateTimeFormat

Быстрая проверка: форматирование с учётом локали и часового пояса.

Даты — основы, часовые пояса, Intl.DateTimeFormat — иллюстрация 7

Повторение

Повторение: Вы создавали даты, считывали их части, выводили ISO, форматировали даты с учётом локали и отображали другие часовые пояса с помощью Intl.DateTimeFormat.

Даты — основы, часовые пояса, Intl.DateTimeFormat — иллюстрация 8

Часто задаваемые вопросы

Урок «Даты — основы, часовые пояса, Intl.DateTimeFormat» бесплатный?

Да — полный текст урока «Даты — основы, часовые пояса, Intl.DateTimeFormat» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс JavaScript Academy, подпишись на CoddyKit PRO. Курс JavaScript Academy содержит 3 уроков всего.

Чему я научусь в уроке «Даты — основы, часовые пояса, Intl.DateTimeFormat»?

Создавайте даты, извлекайте их части, форматируйте по локали и выводите время других часовых поясов с помощью Intl.DateTimeFormat Ты практикуешь JavaScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать JavaScript Academy?

Предыдущий опыт не требуется. JavaScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 3.

Сколько времени занимает урок «Даты — основы, часовые пояса, Intl.DateTimeFormat»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке JavaScript Academy?

Да. Каждый урок JavaScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Шаблонные строки и основные операции со строками
  2. Числа — целые и дробные, основы Math
  3. Даты — основы, часовые пояса, Intl.DateTimeFormat
← Назад к JavaScript Academy