JavaScript - Форматы дат: Начальный гид

Здравствуйте,野心勃勃ые разработчики JavaScript! Сегодня мы погрузимся в fascinирующий мир форматов дат в JavaScript. Не волнуйтесь, если вы никогда не писали ни строчки кода - я буду вашим доброжелательным проводником в этом путешествии, как и для countless студентов за годы моего преподавания. Так что возьмите杯 кофе (или чая, если это ваше дело), и давайте начнем!

Что такое форматы дат?

Прежде чем мы перейдем к коду, давайте поговорим о том, что такое форматы дат на самом деле. Представьте их как различные способы представления определенного момента времени. Так же, как вы можете сказать "1 апреля 2023 года" или "1/4/23", чтобы обозначить одну и ту же дату, компьютеры также имеют различные ways для выражения дат.

В JavaScript у нас есть встроенный объект Date, который помогает нам работать с датами и временем. Это как если бы у нас был super-умный календарь прямо в нашем коде!

Распространенные форматы дат в JavaScript

Давайте рассмотрим некоторые из самых распространенных форматов дат, с которыми вы столкнетесь:

1. ISO Формат даты

Это международный стандартный формат. Он выглядит так: "ГГГГ-ММ-ДД".

let today = new Date();
console.log(today.toISOString().split('T')[0]);

В этом примере new Date() создает объект даты для текущей даты и времени. Затем мы преобразуем его в ISO формат и разрезаем, чтобы получить только часть даты. Если вы выполните это 1 апреля 2023 года, вы увидите: "2023-04-01".

2. Короткий формат даты

Этот формат более компактен: "ММ/ДД/ГГГГ".

let today = new Date();
console.log(today.toLocaleDateString('en-US'));

Это выведет что-то вроде "4/1/2023" для 1 апреля 2023 года.

3. Длинный формат даты

Этот формат пишет месяц полностью: "Месяц ДД, ГГГГ".

let today = new Date();
console.log(today.toLocaleDateString('en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }));

Это даст вам что-то вроде "Суббота, апрель 1, 2023".

Создание объектов даты

Теперь, когда мы рассмотрели некоторые форматы, давайте посмотрим на различные ways для создания объектов даты:

1. Текущая дата и время

let now = new Date();
console.log(now);

Это создает объект даты для текущего момента.

2. Specific дата и время

let birthday = new Date('1990-05-15T13:30:00');
console.log(birthday);

Это создает объект даты для 15 мая 1990 года в 13:30.

3. Использование отдельных компонентов

let christmas = new Date(2023, 11, 25); // Обратите внимание: месяц нумеруется с 0
console.log(christmas);

Это создает объект даты для 25 декабря 2023 года (помните, в JavaScript месяцы нумеруются с нуля, поэтому 11 означает декабрь).

Работа с датами

Теперь, когда мы знаем, как создавать даты, давайте рассмотрим некоторые common операции:

1. Получение компонентов даты

let today = new Date();
console.log("Год:", today.getFullYear());
console.log("Месяц:", today.getMonth() + 1); // +1, так как месяцы нумеруются с 0
console.log("День:", today.getDate());
console.log("Час:", today.getHours());
console.log("Минута:", today.getMinutes());
console.log("Секунда:", today.getSeconds());

Это выведет каждый компонент текущей даты и времени.

2. Форматирование дат

JavaScript предоставляет несколько methods для форматирования дат:

let date = new Date('2023-04-01T12:00:00');

console.log(date.toDateString()); // "Sat Apr 01 2023"
console.log(date.toTimeString()); // "12:00:00 GMT+0000 (Coordinated Universal Time)"
console.log(date.toLocaleString()); // "4/1/2023, 12:00:00 PM"
console.log(date.toLocaleDateString()); // "4/1/2023"
console.log(date.toLocaleTimeString()); // "12:00:00 PM"

Каждый из этих methods дает вам khác nhau representation того же дня.

Таблица методов даты

Вот удобная таблица некоторых common методов даты:

Метод	Описание	Пример
getFullYear()	Получает год (4 цифры)	date.getFullYear() // 2023
getMonth()	Получает месяц (0-11)	date.getMonth() // 3 (апрель)
getDate()	Получает день месяца (1-31)	date.getDate() // 1
getDay()	Получает день недели (0-6)	date.getDay() // 6 (суббота)
getHours()	Получает час (0-23)	date.getHours() // 12
getMinutes()	Получает минуты (0-59)	date.getMinutes() // 0
getSeconds()	Получает секунды (0-59)	date.getSeconds() // 0
toDateString()	Преобразует дату в читаемый строку	date.toDateString() // "Sat Apr 01 2023"
toTimeString()	Преобразует время в читаемый строку	date.toTimeString() // "12:00:00 GMT+0000 (Coordinated Universal Time)"

Заключение

И вот мы с вами, друзья! Мы совершили путешествие по странам форматов дат в JavaScript, от создания объектов дат до их различного форматирования. Помните, что работа с датами может показаться сложной сначала, но с практикой вы быстро научитесь обращаться с ними как с профи.

Как я всегда говорю своим студентам, ключ к освоению концепций программирования - это экспериментирование. Попробуйте эти примеры, измените их и посмотрите, что произойдет. Не бойтесь ошибок - это часто где happens лучшее обучение!

Продолжайте программировать, продолжайте учиться, и, самое главное, получайте удовольствие! Before you know it, вы будете объяснять форматы дат своим друзьям (даже если они не хотят это слышать)!

Credits: Image by storyset