Какие существуют способы создания даты js

Дата и время JS: все, что нужно знать

Изучаем дату и время JS. В этой статье я расскажу все, что вам нужно знать об объекте Date, входящем в состав JavaScript.

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

В JavaScript для операций с датами используется только два часовых пояса: местное время и всемирное координированное время (UTC).

• Местное время относится к часовому поясу вашего компьютера.
• UTC на практике является синонимом времени по Гринвичу (GMT).

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

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

Вы можете создать дату, использовав оператор new:

1. Со строкой даты.
2. С аргументами даты.
3. С меткой времени.
4. Без аргументов.

Способ со строкой даты

Мы передаем строку даты в конструктор new Date .

Но если вы передадите строковое представление даты в формате 21-03-1988, то получите ошибку.

new Date(’21-03-1988′) приводит к ошибке Invalid Date.

В JavaScript нужно использовать формат даты, который принят во всем мире — ISO 8601 .

Вот что означают значения:

• YYYY : 4-значный год;
• MM : двузначный месяц (где январь 01, а декабрь 12);
• DD : двузначная дата (от 01 до 31);
• — : разделители даты;
• T : указывает на начало блока времени;
• HH : часы в 24-часовом формате (от 00 до 23);
• mm : минуты (от 00 до 59);
• ss : секунды (от 00 до 59);
• sss : миллисекунды (от 000 до 999);
• : : разделители времени;
• Z : если Z присутствует, дата будет установлена в UTC. Если Z отсутствует, это будет местное время.

Часы, минуты, секунды и миллисекунды необязательны, если вы создаете дату. Если нужно передать дату 11 июня 2019 года:

Но если вы находитесь к востоку от Гринвича, то получите дату 10 июня.

new Date(‘2019-06-11’) выдаёт 10 июня, если вы находитесь к востоку от Гринвича

Если в районе, который опережает время по Гринвичу, то получите дату 11 июня.

new Date(‘2019-06-11’) выдаёт 11 июня, если вы находитесь к западу от Гринвича

Это происходит потому, что вы передаете дату без указания времени. В итоге JavaScript выводит дату, установленную в UTC.

Строка кода new Date(‘2019-06-11’) создает дату 11 июня 2019, 12:00 UTC. Вот почему люди, которые живут восточнее Гринвича, получают 10 июня вместо 11 июня.

Если вы хотите создать дату по местному часовому поясу, необходимо указать время. Когда вы включаете в дату время, вам нужно добавить, как минимум, часы и минуты (иначе Google Chrome возвращает недопустимую дату).

Дата по местному времени и дата в UTC.

Кстати, MDN предостерегает от использования строкового представления даты, поскольку браузеры могут ее трактовать по-разному.

MDN не рекомендует создавать даты с помощью строкового представления .

Создание дат с помощью аргументов

Конструктор Date принимает семь параметров:

1. Год : четырехзначный год.
2. Месяц : месяц года (0-11). По умолчанию 0.
3. День : день месяца (1-31). По умолчанию 1.
4. Час : час дня (0-23). По умолчанию 0.
5. Минуты : Минуты (0-59). По умолчанию 0.
6. Секунды : секунды (0-59). По умолчанию 0.
7. Миллисекунды : миллисекунды (0-999). По умолчанию 0.

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

Но помните, что порядок месяца начинаются с нуля. Например, январь – 0, февраль – 1, март – 2 и т. д.

Вот еще несколько примеров для закрепления:

Даты, созданные с помощью аргументов, указаны по местному времени. Если вам понадобится дата в формате UTC, используйте следующий синтаксис:

Создание дат с помощью меток времени

В JavaScript метка времени – это количество миллисекунд, прошедших с 1 января 1970 г. (от начала эпохи Unix). Метки времени используются только для сравнения различных дат.

Без аргументов

Если использовать конструктор объекта Date() без аргументов, то он возвращает дату по местному времени.

Форматирование даты

Объект Date предоставляет семь методов форматирования. Каждый из этих семи методов возвращает определенное значение (и все они совершенно бесполезны).

1. toString выдаст Wed Jan 23 2019 17:23:42 GMT+0800 (Singapore Standard Time)
2. toDateString выдаст Wed Jan 23 2019
3. toLocaleString выдаст 23/01/2019, 17:23:42
4. toLocaleDateString выдаст 23/01/2019
5. toGMTString выдаст Wed, 23 Jan 2019 09:23:42 GMT
6. toUTCString выдаст Wed, 23 Jan 2019 09:23:42 GMT
7. toISOString выдаст 2019-01-23T09:23:42.079Z

Если вам нужен собственный формат, то придётся создать его самостоятельно.

Создаем собственный формат даты JS

Чтобы получить дату в формате Четверг, 23 января 2019 , нужно применять методы объекта Date:

1. getFullYear : возвращает четырехзначный год по местному времени.
2. getMonth : возвращает месяц года (0-11) по местному времени.
3. getDate : возвращает день месяца (1-31) по местному времени.
4. getDay : возвращает день недели (0-6) по местному времени. Неделя начинается с воскресенья (0) и заканчивается субботой (6).

Чтобы получить Четверг, 23 января 2019 , нужно использовать методы getFullYear и getDate :

Труднее вывести строки Четверг и января . Чтобы получить название месяца, нужно создать объект, который содержит значение всех двенадцати месяцев.

Поскольку год начинается с нулевого месяца, то можно использовать массив вместо объекта.

Чтобы получить названием месяца:

1. Нужно использовать getMonth , чтобы получить индекс месяца.
2. Получить название месяца из months .

Чтобы вывести день недели, нужен массив со всеми названиями:

1. Получаем dayIndex с помощью getDay .
2. Используем dayIndex , чтобы получить dayName .

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

Для форматирования времени используйте следующие методы:

1. getHours : выдаст часы (0-23) по местному времени.
2. getMinutes : выдаст минуты (0-59) по местному времени.
3. getSeconds : выдаст секунды (0-59) по местному времени.
4. getMilliseconds : выдаст миллисекунды (0-999) по местному времени.

JS сравнение дат

В JavaScript для сравнения дат используются операторы > , , >= и .

Сложнее сравнить даты по времени суток (часам и минутам). Вы не сможете сравнить их с помощью == или === :

Чтобы проверить, совпадает ли в двух датах значение времени, нужно сравнить их временные метки с помощью getTime .

Чтобы проверить, совпадают ли в датах дни недели, сравните их значения с помощью методов getFullYear , getMonth и getDate .

Получение даты из другой даты

Чтобы получить дату из другой даты, нужно:

1. Установить конкретное значение даты/времени из другой даты.
2. Добавить/вычесть отрезок времени из другой даты.

Установка конкретной даты / времени

Для этого можно использовать следующие методы:

1. setFullYear : устанавливает четырехзначный год по местному времени.
2. setMonth : устанавливает месяц года по местному времени.
3. setDate : устанавливает день месяца по местному времени.
4. setHours : устанавливает часы по местному времени.
5. setMinutes : устанавливает минуты по местному времени.
6. setSeconds : устанавливает секунды по местному времени.
7. setMilliseconds : устанавливает миллисекунды по местному времени.

Например, если вы хотите задать дату для 15 числа месяца, вы можете использовать метод setDate() .

Чтобы установить июнь месяц, примените метод setMonth :

Методы установки значений даты изменяют исходный объект Date(). На практике лучше модифицировать отдельный экземпляр объекта.

Добавление/вычитание периода времени из другой даты

Чтобы добавить/вычесть период времени, нужно знать значение текущей даты. Его можно получить с помощью следующих методов:

1. getFullYear : возвращает четырехзначный год по местному времени.
2. getMonth : возвращает месяц года (0-11) по местному времени.
3. getDate : возвращает день месяца (1-31) по местному времени.
4. getHours : возвращает часы (0-23) по местному времени.
5. getMinutes : возвращает минуты (0-59) по местному времени.
6. getSeconds : возвращает секунды (0-59) по местному времени.
7. getMilliseconds : возвращает миллисекунды (0-999) по местному времени.

Допустим, что вы хотите назначить свидание через три дня (начиная с сегодняшнего дня). Предположим, что сегодня 28 марта 2019 года.

Первый подход (установка значения)

Сначала создаем новый объект Date (чтобы не изменять исходный экземпляр объекта):

С помощью getDate получаем значение, которое хотим изменить:

Свидание произойдет через три дня. Поэтому добавляем их к текущей дате:

Полный код для первого подхода:

Второй подход (создание новой даты)

Сначала используем getFullYear , getMonth , getDate и другие методы, пока не получим типа значения, которое мы изменить. Затем мы создаём искомую дату при помощи new Date .

Оба подхода работают.

Автоматическая коррекция даты

Допустим, мы установили дату на 33 марта 2019 года. (В календаре нет 33 марта). В этом случае JavaScript автоматически переведёт 33 марта во 2 апреля.

33 марта автоматически преобразуется во 2 апреля.

Поэтому не стоит беспокоиться о расчете минут, часов, дней, месяцев при добавлении периода времени. JavaScript делает это автоматически.

30+3=33. 33 марта автоматически преобразуется во 2 апреля.

И это всё, что вам нужно знать о JavaScript-объекте Date.

Дайте знать, что вы думаете по этой теме статьи в комментариях. Мы крайне благодарны вам за ваши комментарии, дизлайки, отклики, подписки, лайки!

Дайте знать, что вы думаете по данной теме материала в комментариях. За комментарии, лайки, дизлайки, отклики, подписки низкий вам поклон!

Источник

Встроенные объекты

Кроме возможности создавать свои объекты JavaScript также предоставляет набор встроенных типов объектов, которые мы можем применять в различных ситуациях.

Объект Date. Работа с датами

Объект Date позволяет работать с датами и временем в JavaScript.

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

В этом случае объект будет указывать на текущую дату компьютера:

Второй способ заключается в передаче в конструктор Date количества миллисекунд, которые прошли с начала эпохи Unix, то есть с 1 января 1970 года 00:00:00 GMT:

Третий способ состоит в передаче в конструктор Date дня, месяца и года:

Если мы используем полное название месяца, то оно пишется в по-английски, если используем сокращенный вариант, тогда используется формат месяц/день/год.

Четвертый способ состоит в передаче в конструктор Date всех параметров даты и времени:

В данном случае используются по порядку следующие параметры: new Date(год, месяц, число, час, минуты, секунды, миллисекунды) . При этом надо учитывать, что отсчет месяцев начинается с нуля, то есть январь — 0, а декабрь — 11.

Получение даты и времени

Для получения различных компонентов даты применяется ряд методов:

getDate() : возвращает день месяца

getDay() : возвращает день недели (отсчет начинается с 0 — воскресенье, и последний день — 6 — суббота)

getMonth() : возвращает номер месяца (отсчет начинается с нуля, то есть месяц с номер 0 — январь)

getFullYear() : возвращает год

toDateString() : возвращает полную дату в виде строки

getHours() : возвращает час (от 0 до 23)

getMinutes() : возвращает минуты (от 0 до 59)

getSeconds() : возвращает секунды (от 0 до 59)

getMilliseconds() : возвращает миллисекунды (от 0 до 999)

toTimeString() : возвращает полное время в виде строки

Получим текущую дату:

Перевести из числовых значений в более привычные названия для дней недели и месяцев используются массивы. Получив индекс дня недели ( myDate.getDay() ) и индекс месяца ( myDate.getMonth() ) можно получить нужный элемент из массива.

Теперь получим текущее время:

Установка даты и времени

Коме задания параметров даты в конструкторе для установки мы также можем использовать дополнительные методы объекта Date:

setDate() : установка дня в дате

setMonth() : уставовка месяца (отсчет начинается с нуля, то есть месяц с номер 0 — январь)

setFullYear() : устанавливает год

setHours() : установка часа

setMinutes() : установка минут

setSeconds() : установка секунд

setMilliseconds() : установка миллисекунд

При установке значений мы можем передать величину, большую, чем максимальное допустимое значение. Например, установить для часа число 54:

В этом случае значение часа будет равно 54 — 24 * 2 = 6, а оставшиеся часы будут составлять два дня (24 * 2), что прибавит к дате два дня. То же самое действует и в отношении дней, минут, секунд, миллисекунд и месяцев.

Источник

Дата (Объект Date)

JavaScript объект Date позволяет работать с датами.

По умолчанию, JavaScript будет использовать временную зону браузера и отображать дату в виде полной текстовой строки: «Wed Oct 24 2018 10:48:26 GMT+0300«.

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

Объект Date создается при помощи конструктора new Date().

Существует 4 способа создания нового объекта даты:

new Date()
new Date(год, месяц, день, часы, минуты, секунды, миллисекунды)
new Date(миллисекунды)
new Date(строка даты)

new Date()

Конструктор new Date() создает новый объект даты с текущими датой и временем:

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

new Date(год, месяц, . )

Конструктор new Date(год, месяц, . ) создает новый объект даты с заданными датой и временем.

7 числовых параметров определяют год, месяц, день, часы, минуты, секунды, миллисекунды (именно в таком порядке):

Внимание! В JavaScript нумерация месяцев идет от 0 до 11. Январь — 0. Декабрь — 11.

6 числовых параметров определяют год, месяц, день, часы, минуты, секунды:

5 числовых параметров определяют год, месяц, день, часы, минуты:

4 числовых параметров определяют год, месяц, день, часы:

3 числовых параметра определяют год, месяц, день:

2 числовых параметра определяют год, месяц:

Внимание! Нельзя опускать параметр месяца. Если задается один параметр, то он будет интерпретироваться как миллисекунды.

Предыдущий век

Если год указан в виде одной или двух цифр, то он интерпретируется как 19xx:

new Date(строка даты)

Конструктор new Date(строка даты) создает новый объект даты по специальной текстовой строке:

О строке даты будет рассказано в следующей главе.

JavaScript хранит дату в миллисекундах

JavaScript хранит даты в виде количества миллисекунд, прошедших с 1 января 1970, 00:00:00 UTC (универсальные координаты времени).

Нулевая дата — это 1 января 1970 00:00:00 UTC.

Сейчас у нас 1540367306081 миллисекунд с 1 января 1970.

new Date(миллисекунды)

Конструктор new Date(миллисекунды) создает новый объект даты как нулевая дата плюс количество заданных миллисекунд:

1 января 1970 плюс 100 000 000 000 миллисекунд даст 3 марта 1973:

1 января 1970 минус 100 000 000 000 миллисекунд даст 31 октября 1966:

В сутках (24 часа) 86 400 000 миллисекунд.

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

Когда объект Date создан, вы можете оперировать им при помощи его методов.

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

Методы объекта Date будут описаны в следующих главах.

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

По умолчанию, JavaScript будет отображать дату в формате полной текстовой строки: Wed Mar 25 2015 03:00:00 GMT+0300.

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

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

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

Источник