Дата (Date) JavaScript

Дата и время JavaScript

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

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

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

Tue Aug 11 2020 22:34:40 GMT+0800 (Китайский стандартный время)

Объект даты

Объект DateЭто объект, встроенный в JavaScript, который хранит дату и время.

Он предоставляет множество встроенных методов для форматирования и управления данными.

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

let now = new Date(); // Установить переменную текущей датой и временем

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

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

Есть四种 способа создания нового объекта даты.

Вы можете использовать любую из следующих синтаксисов для создания объекта Date с помощью конструктора new Date().

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

new Date()

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

let d = new Date();

new Date(milliseconds)

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

let d = new Date(0);

JavaScript понимает даты на основе временистamped, который состоит из миллисекунд, прошедших с полуночи 1 января 1970 года.

1 января 1970 года加上 252 4600000000 миллисекунд примерно равно 1 января 2050 года:

let d = new Date(2524600000000);

new Date(dateString)

new Date(dateString) был создан новый объект даты из строки даты:

let d = new Date("July 30 1992 18:30");

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

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

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

let d = new Date(2019, 0, 26, 10, 40, 30, 0);

В примере выше наши секунды и миллисекунды установлены в 30 и 0.

Если при создании даты отсутствует любое число, оно будет по умолчанию установлено в 0.

Но порядок не может быть изменен, поэтому, если вы решите пропустить номер, запомните это.

Вы также, возможно, обратили внимание, что месяц января обозначается 0, а не как обычно 1.

Это связано с тем, что числовые значения даты и времени начинаются с 0, как и в большинстве счетов в программировании.

Месяцы в JavaScript идут от 0 до 11. Январь — 0, декабрь — 11.

Методы даты

При создании объекта Date можно использовать различные методы для его обработки.

Используя методы даты, вы можете использовать местное время или UTC (глобальное или GMT) время дляПолучениеиУстановкаДата, год, месяц, день, час, минута, секунда и миллисекунда.

Получение (получение) даты

После создания объекта даты можно использовать различные内置ые методы для доступа ко всем компонентам даты.

Эти методы возвращают каждую часть даты по отношению к местному времени.

Каждый из этих методов возвращаетgetНачало, и будет возвращен относительный номер.

В таблице приведены методы объекта Date:getТаблица методов:

Метод getFullYear()

getFullYear()Метод возвращает год в виде четырехзначного числа.

var d = new Date();
d.getFullYear();

Метод getMonth()

getMonth()Метод возвращает месяц года в виде числа (от 0 до 11).

var d = new Date();
d.getMonth();

Месяцы в JavaScript идут от 0 до 11. Январь — 0, декабрь — 11.

В следующем примере переменная month сохраняет имя месяца:

var arr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
var d = new Date();
var month = arr[d.getMonth()];

Метод getDate()

getDate()Метод возвращает день месяца в виде числа (1-31).

var d = new Date();
d.getDate();

Метод getDay()

getDay()Метод возвращает день недели в виде числа (0-6).

var d = new Date();
d.getDay();

JavaScript считает рабочие дни от 0 до 6. Воскресенье - 0, суббота - 6.

В следующем примере переменная Today сохраняет имя дня:

var arr = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
var d = new Date();
var today = arr[d.getDay()];

Метод getHours()

getHours()Метод возвращает количество часов даты в виде числа (0-23).

var d = new Date();
d.getHours();

Метод getMinutes()

getMinutes()Метод возвращает количество минут даты в виде числа (0-59).

var d = new Date();
d.getMinutes();

Метод getSeconds()

getSeconds()Метод возвращает количество секунд даты в виде числа (0-59).

var d = new Date();
d.getSeconds();

Метод getMilliseconds()

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

var d = new Date();
d.getMilliseconds();

Метод getTime()

getTime()Метод возвращает количество миллисекунд с 1 января 1970 года.

var d = new Date();
d.getTime();

一天 (24 часа) составляет 86,400000 миллисекунд.

Изменить дату(установить)

Для всех методов, которые мы изучили вышеgetМетоды, которые мы изучили выше, имеют соответствующиеsetметод.

Если используетсяgetДля извлечения определенной составной части даты используетсяsetдля изменения составных частей даты.

В таблице приведены методы объекта Date:setТаблица методов:

метод setFullYear()

setFullYear()метод устанавливает год объекта даты.

var d = new Date();
d.setFullYear(2010);

setFullYear()метод позволяет выбрать месяц и день.

var d = new Date();
d.setFullYear(2010, 8, 30);

метод setMonth()

setMonth()метод устанавливает месяц объекта даты (0-11).

var d = new Date();
d.setMonth(11);

метод setDate()

setDate()метод устанавливает день в месяце объекта даты (1-31).

var d = new Date();
d.setDate(22);

метод setHours()

setHours()метод устанавливает количество часов объекта даты (0-23).

var d = new Date();
d.setHours(18);

метод setMinutes()

setMinutes()метод устанавливает количество минут объекта даты (0-59).

var d = new Date();
d.setMinutes(32);

метод setSeconds()

setSeconds()метод устанавливает количество секунд объекта даты (0-59).

var d = new Date();
d.setSeconds(24);

метод setMilliseconds()

setMilliseconds()метод устанавливает количество миллисекунд объекта даты (0-999).

var d = new Date();
d.setMilliseconds(420);
document.getElementById('result').innerHTML = d.getMilliseconds();

метод setTime()

setTime()метод устанавливает объект Date в миллисекундах с момента 1 января 1970 года.

var d = new Date();
d.setTime(1542655292087);

даты с использованием методов UTC

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

Чтобы лучше определить дату и время, можно использоватьgetUTCметод, который полностью идентичен методу get, но отличается тем, что они рассчитывают время по стандарту UTC (всемирное стандартное время).

В таблице ниже приведены методы UTC объекта Date в JavaScript:

Чтобы понять разницу между методами getlocal и UTC get, мы можем запустить следующий код:

let now = new Date();
//　Печать местного времени и времени UTC (local и UTC)
document.write(now.getHours());
document.write(now.getUTCHours());

Запуск этого кода напечатает текущее время и время UTC. Если вы находитесь в зоне UTC, то цифры, выводимые вышеупомянутым программой, будут одинаковыми.

Более примеров

В этом примере JavaScript показывает текущее время.

Полный справочник по датам

Чтобы получить полный список свойств и методов, пожалуйста, посетите нашСправочник по датам JavaScript.

Часть справки включает в себя описание и примеры всех свойств и методов Date.