Введение в даты и время в JavaScript

Работа с датами — важный аспект программирования. Встроенный объект даты используется для работы с датами и временем в JavaScript. Различные методы объекта даты значительно упрощают задачу при работе с датами и временем.

В этой статье вы узнаете все, что вам нужно знать о работе с датами в JavaScript. Итак, без лишних слов, запрыгиваем.

Как создавать объекты даты

Вы можете создать объект даты в JavaScript, используя следующие четыре способа:

1. новая дата()

То новая дата() создает объект даты с текущей датой и временем.

пусть d = новая дата();
console.log(д);

Вывод:

Пн, 03 января 2022 г., 20:27:58 GMT+0530 (стандартное время Индии)

2. новая дата (строка даты)

То новая дата (строка даты) конструктор создает объект даты из строки даты.

пусть d = новая дата ("2022-01-01");
console.log(д);

Вывод:

Сб, 01 января 2022 г., 05:30:00 GMT+0530 (стандартное время Индии)

3. новая дата (миллисекунды)

То новая дата (миллисекунды) конструктор создает объект даты, добавляя миллисекунды к нулевому времени. Параметр представляет собой время в миллисекундах, прошедшее с 1 января 1970 года по всемирному координированному времени.

пусть d1 = новая дата (0);
console.log(d1);
пусть d2 = новая дата (973436457364);
console.log(d2);

Вывод:

Чт, 01 января 1970 г., 05:30:00 GMT+0530 (стандартное время Индии)
Вс, 05 ноября 2000 г., 20:30:57 GMT+0530 (стандартное время Индии)

4. новая дата (год, месяц, день, часы, минуты, секунды, миллисекунды)

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

пусть d = новая дата (2020, 10, 11, 15, 29, 46, 0);
console.log(д);

Вывод:

Ср, 11 ноября 2020 г., 15:29:46 GMT+0530 (стандартное время Индии)

Вы также можете создать объект даты с шестью, четырьмя, тремя или двумя параметрами.

а) Шесть параметров определяют год, месяц, день, час, минуту и ​​секунду.

б) Пять параметров определяют год, месяц, день, час и минуту.

c) Четыре параметра определяют год, месяц, день и час.

г) Три параметра определяют год, месяц и день.

e) Два параметра определяют год и месяц.

Примечание:

• JavaScript считает месяцы от 0 до 11, т. е. январь представлен 0, а декабрь — 11.
• Если вы укажете значения вне диапазона в объекте Date, вместо этого он не выдаст ошибку, а автоматически исправит себя.

// В марте нет 40 дней, переполнение исправляется автоматически
пусть d = новая дата (2020, 2, 40);
console.log(д);

Вывод:

Чт, 09 апреля 2020 г., 00:00:00 GMT+0530 (стандартное время Индии)

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

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

1. получитьПолныйГод()

Этот метод возвращает год в виде четырехзначного числа (гггг) по местному времени.

пусть d = новая дата();
console.log(d.getFullYear());

Вывод:

2022

2. получитьМесяц()

Этот метод возвращает месяц в виде числа (0-11) по местному времени.

пусть d = новая дата();
console.log(d.getMonth());

Вывод:

0

3. получитьдату()

Этот метод возвращает день в виде числа (1-31) по местному времени.

пусть d = новая дата();
console.log(d.getDate());

Вывод:

3

Связанный: Введение в типы данных в JavaScript

4. получитьчасы()

Этот метод возвращает час (0-23) по местному времени.

пусть d = новая дата();
console.log(d.getHours());

Вывод:

22

5. получитьминуты()

Этот метод возвращает минуты (0-59) по местному времени.

пусть d = новая дата();
console.log(d.getMinutes());

Вывод:

40

6. получитьсекунды()

Этот метод возвращает секунды (0-59) по местному времени.

пусть d = новая дата();
console.log(d.getSeconds());

Вывод:

30

7. получитьмиллисекунды()

Этот метод возвращает миллисекунды (0-999) по местному времени.

пусть d = новая дата();
console.log(d.getMilliseconds());

Вывод:

55

Связанный: Однострочники JavaScript, которые вы должны знать

8. получить время ()

Этот метод возвращает время в миллисекундах с 1 января 1970 года.

пусть d = новая дата();
console.log(d.getTime());

Вывод:

1641230088884

9. получитьДень()

Этот метод возвращает день недели в виде числа (0-6) по местному времени.

пусть d = новая дата();
console.log(d.getDay());

Вывод:

1

Примечание: Если вы хотите работать с датами в формате UTC, вы можете использовать следующие методы дат: получитьUTCDate()​​​​​​​, получитьUTCDay(), получитьUTCFullYear()​​​​​​​, получитьUTCHours(), получитьUTCMilliseconds(), получитьUTCMinutes(), получитьUTCMonth(), и получитьUTCSeconds().

Методы установки даты JavaScript

Вы можете использовать следующие методы для установки части объекта даты.

1. установить дату()

Этот метод устанавливает день как число (1-31) для указанной даты по местному времени.

пусть d = новая дата();
д.setDate (20);
console.log(д);

Вывод:

Чт, 20 января 2022 г., 22:58:59 GMT+0530 (стандартное время Индии)

Связанный: Математические методы JavaScript, которые вы должны освоить сегодня

2. установитьПолныйГод()

Этот метод устанавливает год для указанной даты по местному времени.

пусть d = новая дата();
д.setFullYear (2016);
console.log(д);

Вывод:

Вс, 03 января 2016 г., 23:00:41 GMT+0530 (стандартное время Индии)

3. установитьчасы()

Этот метод устанавливает час (0-23) для указанной даты по местному времени.

пусть d = новая дата();
d.setHours (15);
console.log(д);

Вывод:

Пн, 03 января 2022 г., 15:02:01 GMT+0530 (стандартное время Индии)

Связанный: Как создать простой калькулятор с помощью HTML, CSS и JavaScript

4. установитьмиллисекунды()

Этот метод устанавливает миллисекунды (0-999) для указанной даты в соответствии с местным временем.

пусть d = новая дата();
d.setMilliseconds (548);
console.log(д);

Вывод:

Пн, 03 января 2022 г., 23:04:13 GMT+0530 (стандартное время Индии)

Точно так же вы можете использовать установитьминуты(), установитьМесяц(), и установитьсекунды() методы для установки минут (0-59), месяца (0-11) и секунд (0-59) соответственно для указанной даты по местному времени.

Пример текущего времени JavaScript

Простой пример для печати текущего времени системы:

Если вы хотите ознакомиться с полным исходным кодом, используемым в этой статье, вот Репозиторий GitHub.​​​​​​​

Разработка проектов с использованием концепций даты в JavaScript

Вы столкнетесь со многими экземплярами дат JavaScript при работе с реальными приложениями. Если вы хотите начать работу с простого проекта и получить практический опыт, вы можете разработать цифровые часы с использованием HTML, CSS и JavaScript. Наряду с датами вы также изучите некоторые важные концепции JavaScript, такие как работа с переменными, использование функций, доступ и добавление свойств в DOM и многое другое.

Как создать цифровые часы с помощью HTML, CSS и JavaScript

Вы кодируете, пока щебетание птиц не сообщит вам, что уже утро? Следите за временем с помощью этих пользовательских часов.

Читать далее

Об авторе