САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ
×

JS Учебник

JS Главная JS Введение JS Где установить? JS Вывод JS Заявления JS Синтаксис JS Комментарии JS Переменные JS Операторы JS Арифметика JS Присваивания JS Типы данных JS Функции JS Объекты JS События JS Строки JS Методы строк JS Числа JS Методы чисел JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Объекты дат JS Формат дат JS Метод получения дат JS Метод набора дат JS Математические... JS Случайные числа JS Булевы JS Сравнение... JS Заявления if...else JS Заявление switch JS Цикл for JS Цикл while JS Заявление break... JS Преобразование... JS Битовые... JS Регулярные выражения JS Ошибки JS Область JS Подъемный JS Строгий JS Ключевое слово this JS Ключевое слово let JS Константы JS Функция стрелки JS Классы JS Отладчик JS Руководство стиля JS Практика JS Распространенные ошибки JS Эффективность JS Зарезервированные слова JS Версии JS Версия ES5 JS Версия ES6 JS Версия 2016 JS Версия 2017 JS JSON

JS Формы

JS Формы JS Формы API

JS Объекты

Определение объекта Свойства объекта Методы объекта Отображение объекта Доступ к объекту Конструкторы объекта Прототипы объекта ES5 Методы объекта

JS Функции

Определение функции Параметры функции Вызов функции Вызвать функцию Применение функции Закрытие функции

JS Прочее

Классы введение Наследование класса Статические методы... JS Обратный вызов JS Асинхронный JS Обещания JS Асинхронный синтаксис

JS HTML DOM

DOM Введение DOM Методы DOM Документы DOM Элементы DOM HTML DOM CSS DOM Анимация DOM События DOM Прослушиватель событий DOM Навигация DOM Узлы DOM Коллекция DOM Список узлов

JS Браузера BOM

JS Window JS Экран JS Расположение JS История JS Навигатор JS Предупреждение JS Синхронизация JS Cookies

JS AJAX

AJAX Введение AJAX XMLHttp AJAX Запрос на сервер AJAX Ответ с сервера AJAX XML Файл AJAX PHP Файл AJAX ASP Файл AJAX База данных AJAX Приложения AJAX Примеры

JS JSON

JSON Введение JSON Синтаксис JSON или XML JSON Типы данных JSON Парсинг JSON Строки JSON Объекты JSON Массивы JSON PHP JSON HTML JSON JSONP

JS Веб API

API - Введение API - История API - Хранилище API - Работник API - Извлечь файл API - Геолокации

JS или jQuery

jQuery HTML Селекторы jQuery HTML Элементы jQuery CSS Стили jQuery HTML DOM

JS Примеры

JS Примеры JS HTML DOM JS HTML Ввода JS HTML Объекты JS HTML События JS Браузер JS Редактор JS Упражнения JS Викторина JS Сертификат

JS Справочник

JavaScript Объекты HTML DOM Объекты


JavaScript Объекты дат



JavaScript Date Object позволяет нам работать с датами:

Пример

var d = new Date();
Попробуйте сами »

Вывод даты JavaScript

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

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


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

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

Есть 4 способа создать новый объект даты:

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

new Date()

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

Пример

var d = new Date();
Попробуйте сами »

Объекты даты статичны. Компьютерное время идет, а объекты даты - нет.


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

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

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

Пример

var d = new Date(2018, 11, 24, 10, 33, 30, 0);
Попробуйте сами »

Примечание: JavaScript считает месяцы от 0 до 11.

Январь - 0. Декабрь - 11.

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

Пример

var d = new Date(2018, 11, 24, 10, 33, 30);
Попробуйте сами »

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

Пример

var d = new Date(2018, 11, 24, 10, 33);
Попробуйте сами »

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

Пример

var d = new Date(2018, 11, 24, 10);
Попробуйте сами »

3 числа указывают год, месяц и день:

Пример

var d = new Date(2018, 11, 24);
Попробуйте сами »

2 числа указывают год и месяц:

Пример

var d = new Date(2018, 11);
Попробуйте сами »

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

Пример

var d = new Date(2018);
Попробуйте сами »

Назад Век

Год с одной и двумя цифрами будет интерпретироваться как 19xx:

Пример

var d = new Date(99, 11, 24);
Попробуйте сами »

Пример

var d = new Date(9, 11, 24);
Попробуйте сами »

new Date(dateString)

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

Пример

var d = new Date("October 13, 2014 11:13:00");
Попробуйте сами »

Строки даты описаны в следующей главе.


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

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

Нулевое время - 01 января 1970 г., 00:00:00 UTC.

Текущее время: миллисекунд после 1 января 1970 года.


new Date(milliseconds)

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

Пример

var d = new Date(0);
Попробуйте сами »

1 января 1970 г. плюс 100 000 000 000 миллисекунд приблизительно равно 3 марта 1973 г.

Пример

var d = new Date(100000000000);
Попробуйте сами »

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

Пример

var d = new Date(-100000000000);
Попробуйте сами »

Пример

var d = new Date(86400000);
Попробуйте сами »

Один день (24 часа) - 86 400 000 миллисекунд.



Методы даты

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

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

Методы даты и часовые пояса рассматриваются в следующих главах.


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

JavaScript (по умолчанию) выводит даты в формате полнотекстовой строки:

Попробуйте сами »

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

Пример

d = new Date();
document.getElementById("demo").innerHTML = d;

Такой же как:

d = new Date();
document.getElementById("demo").innerHTML = d.toString();
Попробуйте сами »

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

Пример

var d = new Date();
document.getElementById("demo").innerHTML = d.toUTCString();
Попробуйте сами »

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

Пример

var d = new Date();
document.getElementById("demo").innerHTML = d.toDateString();
Попробуйте сами »

Метод toISOString() преобразует дату в строку, используя стандартный формат ISO:

Пример

var d = new Date();
document.getElementById("demo").innerHTML = d.toISOString();
Попробуйте сами »

Проверьте себя с помощью упражнений

Упражнение:

Создайте объект дат и сообщите текущую дату и время.

var d = ;
alert(d);

Старт