0Pricing
JavaScript Academy · Урок

Создание и чтение дат

Создавайте объекты Date и читайте их составляющие.

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

Объект Date

Объект Date представляет один момент времени. Создайте его с помощью конструктора Date и оператора new.

const now = new Date()
console.log(now instanceof Date)

Текущая дата

Вызов new Date без аргументов фиксирует текущий момент по системным часам.

const now = new Date()
console.log(typeof now.getTime())

Из строкового представления даты

Вы можете создать дату из строки даты в формате ISO. Год, месяц и день извлекаются из текста.

const d = new Date("2024-03-15")
console.log(d.getFullYear())

Из компонентов

Можно передать отдельные компоненты: год, месяц, день и, при необходимости, часы и минуты. Помните, что аргумент месяца отсчитывается с нуля.

const d = new Date(2024, 0, 15)
console.log(d.getFullYear())
console.log(d.getDate())

getFullYear

getFullYear возвращает год, состоящий из четырёх цифр. Всегда используйте его вместо устаревшего getYear.

const d = new Date("2024-07-04")
console.log(d.getFullYear())

getMonth отсчитывает месяцы с нуля

getMonth возвращает число от 0 до 11, где 0 — январь, а 11 — декабрь. Это частый источник ошибок со смещением на единицу.

const d = new Date("2024-07-04")
console.log(d.getMonth())

Преобразование номера месяца в название

Поскольку месяцы отсчитываются с нуля, вы можете напрямую использовать getMonth для обращения к массиву названий.

const names = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
const d = new Date(2024, 6, 4)
console.log(names[d.getMonth()])

getDate и getDay

getDate возвращает день месяца от 1 до 31, а getDay — день недели от 0 для воскресенья до 6 для субботы. Не путайте эти методы.

const d = new Date(2024, 0, 1)
console.log(d.getDate())
console.log(d.getDay())

Компоненты времени

Используйте getHours, getMinutes и getSeconds, чтобы прочитать часть даты, содержащую время.

const d = new Date(2024, 0, 1, 9, 30, 15)
console.log(d.getHours())
console.log(d.getMinutes())
console.log(d.getSeconds())

Создание читаемой строки

Объедините методы получения, чтобы вручную отформатировать дату, не забыв прибавить единицу к месяцу.

const d = new Date(2024, 6, 4)
const text = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate()
console.log(text)

Недействительные даты

Нераспознаваемая строка даты создаёт значение Invalid Date, время которого равно NaN. Проверьте getTime с помощью Number.isNaN, чтобы обнаружить такую дату.

const bad = new Date("not a date")
console.log(Number.isNaN(bad.getTime()))

Быстрая проверка

Проверьте свои знания о чтении дат.

Повторение

Повторение: объекты Date хранят момент времени.

  • new Date без аргументов возвращает текущий момент
  • getMonth отсчитывает месяцы с нуля
  • getDate возвращает день месяца, а getDay — день недели
  • У недействительных дат время равно NaN
const d = new Date(2024, 0, 15)
console.log(d.getMonth())

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

Урок «Создание и чтение дат» бесплатный?

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

Чему я научусь в уроке «Создание и чтение дат»?

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

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

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

Сколько времени занимает урок «Создание и чтение дат»?

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

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

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

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

  1. Создание и чтение дат
  2. Метки времени и вычисления с датами
  3. Форматирование дат
  4. Часовые пояса и UTC
← Назад к JavaScript Academy