Присоединяйтесь к новому бесплатному курсу по Angular: "Список пользователей"
Курс проходит в мессенджере (Telegram, Viber). В конце курса - сессия живого разбора кода. Регистрация по ссылке.

Дата (Date)

Дата (Date)

Форматы дат в JavaScript

Дата JavaScript может быть написана как строка:
Mon Nov 20 2017 13:07:02 GMT+0200 (FLE Standard Time)
Или как число:1511176022851
Даты, записанные как числа, указывают количество миллисекунд с 1 января 1970 года, 00:00:00.

Отображение дат

Отобразим дату внутри тега <p id=’demo’>с помощью следующего скрипта:

Демо
В приведенном выше коде: значение Date() присваивается содержимому (innerHTML) элемента с id = «demo».

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

Объект Date используется для работы с датами и временем (годы, месяцы, дни, часы, минуты, секунды и миллисекунды).
Объекты Date создаются с помощью конструктора new Date().
Существует четыре способа создания объекта Date:
JSR

var myDate = new Date();
var myDate = new Date(milliseconds);
var myDate = new Date(dateString);
var myDate = new Date(year, month, day, hours, minutes, seconds, milliseconds);

Используйте new Date() для создания нового объекта date с текущей датой и временем:


Демо
Используйте new Date(date string) для создания нового объекта date с указанной даты и времени:


Демо
Используйте new Date(number) для создания нового объекта date как нулевого времени плюс число:
Нулевым временем считается 01 января 1970 00:00:00 UTC. Число указано в миллисекундах:


Демо

В JavaScript, даты рассчитываются в миллисекундах с 01 января 1970 года 00:00:00 Universal Time (UTC). Один день (24 часа) содержит 86,400,000 миллисекунд.

Передайте вnew Date() 7 чисел для создания нового объекта date с указанной датой и временем:
Нулевым временем считается 01 января 1970 00:00:00 UTC. Число указано в миллисекундах:


Демо
Другой вариант примера выше. Можно опустить любой из последних 4 параметров:


Демо

JavaScript подсчитывает месяцы от 0 до 11. Январь равен 0. Декабрь — 11.

Методы Date

Когда объект Date создан, ряд методов позволяет вам работать с ним.
Методы Date позволяют вам получить и установить год, месяц, день, час, минуту, секунду и миллисекунду объектов, используя либо локальное время, либо время UTC (универсальное или GMT).

Отображение дат

Когда вы показываете объект даты в HTML, он автоматически преобразуется в строку с помощью метода toString().

То же самое, что:

Метод toUTCString() преобразует дату в строку UTC (стандарт отображения даты).


Метод toDateString() преобразует дату в более читаемый формат:


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

Часовые пояса

При установке даты без указания часового пояса JavaScript будет использовать часовой пояс браузера.

При получении даты без указания часового пояса результат преобразуется в часовой пояс браузера.

Другими словами: если дата/время создается в GMT (среднее время по Гринвичу), дата/время будут преобразованы в CDT (Central US Daylight Time), если пользователь просматривает данные из центральной части США.

Свойства объекта Date

Свойство Описание
constructor  Возвращает функцию, которая создала прототип объекта Date
prototype Позволяет добавлять свойства и методы к объекту

Методы объекта Date

Свойство Описание
getDate() Возвращает день месяца (от 1-31)
getDay() Возвращает день недели (от 0 до 6)
getFullYear() Возвращает год
getHours() Возвращает часы (от 0 до 23)
getMilliseconds() Возвращает миллисекунды (от 0 до 999)
getMinutes() Возвращает минуты (от 0 до 59)
getMonth() Возвращает месяц (с 0-11)
getSeconds() Возвращает секунды (от 0 до 59)
getTime() Возвращает количество миллисекунд с полуночи 1 января 1970 года до указанной даты
getTimezoneOffset() Возвращает разницу во времени между временем UTC и местным временем, в минутах
getUTCDate() Возвращает день месяца, в соответствии с универсальным временем (с 1-31)
getUTCDay() Возвращает день недели, в соответствии с универсальным временем (от 0 до 6)
getUTCFullYear() Возвращает год, в соответствии с универсальным временем
getUTCHours() Возвращает часы, в соответствии с универсальным временем (от 0 до 23)
getUTCMilliseconds() Возвращает миллисекунды в соответствии с универсальным временем (от 0 до 999)
getUTCMinutes() Возвращает минуты, в соответствии с универсальным временем (от 0 до 59)
getUTCMonth() Возвращает месяц, в соответствии с универсальным временем (от 0-11)
getUTCSeconds() Возвращает секунды, в соответствии с универсальным временем (от 0 до 59)
getYear() Устаревшее. Вместо этого используйте метод getFullYear()
now() Возвращает количество миллисекунд с полуночи 1 января 1970 г.
parse() Парсит строку даты и возвращает число миллисекунд с 1 января 1970
setDate() Устанавливает день месяца объекта Date
setFullYear() Устанавливает год объекта Date
setHours() Устанавливает часы объекта Date
setMilliseconds() Устанавливает миллисекунды объекта Date
setMinutes() Установить минуты объекта Date
setMonth() Устанавливает месяц объекта Date
setSeconds() Устанавливает секунды объекта Date
setTime() Устанавливает дату в указанное количество миллисекунд после/до 1 января 1970 г.
setUTCDate() Устанавливает день месяца объекта Date, в соответствии с универсальным временем
setUTCFullYear() Устанавливает год объекта Date, в соответствии с универсальным временем
setUTCHours() Устанавливает час объекта Date, в соответствии с универсальным временем
setUTCMilliseconds() Устанавливает миллисекунды объекта Date, в соответствии с универсальным временем
setUTCMinutes() Устанавливает минуты объекта Date, в соответствии с универсальным временем
setUTCMonth() Устанавливает месяц объекта Date, в соответствии с универсальным временем
setUTCSeconds() Установите секунды объекта Date, в соответствии с универсальным временем
setYear() Устаревшее. Вместо этого используйте метод setFullYear()
toDateString() Преобразует часть даты объекта Date в читаемую строку
toGMTString() Устаревшее. Вместо этого используйте метод toUTCString()
toISOString() Возвращает дату в виде строки, используя стандарт ISO
toJSON() Возвращает дату как строку, в формате JSON
toLocaleDateString() Возвращает часть даты объекта Date в виде строки, используя соглашения локали
toLocaleTimeString() Возвращает временную часть объекта Date в виде строки, используя соглашения локали
toLocaleString() Преобразует объект Date в строку, используя соглашения локали
toString() Преобразует объект Date в строку
toTimeString() Преобразует временную часть объекта Date в строку
toUTCString() Преобразует объект Date в строку, в соответствии с универсальным временем (Universal Time)
UTC() Возвращает количество миллисекунд в день, с полуночи 1 января 1970 года в соответствии с временем UTC
valueOf() Возвращает примитивное значение объекта Date