Javascript new date online

Date JS — Дата и время в JavaScript

Для работы с датой и временем в JavaScript существует встроенный объект Date , который содержит методы для создания, хранения, изменения или вывода элементов времени с точностью до миллисекунды. К таким элементам относят: год, месяц, день месяца, неделя, час, минута, секунда, миллисекунда, день недели.

Создать объект Date можно с помощью аргументов:

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

Или пропустить аргументы вовсе.

new Date()

Создадим экземпляр объекта Date без дополнительных аргументов и выведем получившийся результат в console.

 let date = new Date(); console.log(date); // Thu Sep 01 2022 06:46:30 GMT+1200 (Фиджи) console.log(date.getFullYear()); // 2022 

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

Точно такую же информацию мы можем получить написав Date() без new .

 let date = Date(); console.log(date); console.log(date.getFullYear()); // получим ошибку 

Однако в этом случае мы получим строку, объект же Date может быть создан только путем вызова функции-конструктора, а следовательно с использованием оператора new . Встроенные методы, для работы с датой в JavaScript, со строкой работать не будут, кроме Date.parse() .

new Date(value)

Создать объект Date , можно передав в качестве аргумента количество миллисекунд.

 console.log(new Date(0)); // Thu Jan 01 1970 12:00:00 GMT+1200 (Фиджи) console.log(new Date(818079300000)); // Tue Dec 05 1995 00:15:00 GMT+1200 (Фиджи) console.log(new Date(-268065720000)); // Tue Jul 04 1961 21:18:00 GMT+1200 (Фиджи) 

Результат = 1 января 1970 года UTC+0 + количество миллисекунд.

Если указать миллисекунды со знаком минус, отсчет пойдет в обратную сторону. Таким образом все, что со знаком минус будет соответствовать дате до 1 января 1970 года.

getTime()

Количество миллисекунд прошедших с 1 января 1970 года по сегодняшний или заданный момент времени называется timestamp и может быть получено из new Date() с помощью метода getTime() .

 date = new Date(2019, 5); alert(date.getTime()); // количество миллисекунд прошедшие с 1 января 1970 года alert(new Date(date.getTime())) // получаем дату обратно 

Date.now()

Если необходимо получить количество миллисекунд прошедших с 1 января 1970 года по данный момент правильней будет использовать метод Date.now() .

 let date = Date.now(); alert(date); 

Запись эквивалента new Date().getTime() , но в отличие от этой конструкции Date.now() не создает промежуточный объект Date , что может быть особенно важно при разработке, где упор идет на быстродействие.

new Date(dateString)

Создать объект Date можно передав в качестве аргумента строку с датой и временем.

 date = new Date('2021-09-25T05:27:00'); alert(date); // Sun Sep 25 2022 05:27:00 GMT+1300 (Тонга) 

Дата должна быть записана в формате понятном методу Date.parse() , который преобразовывает строку в количество миллисекунд прошедших с 1 января 1970 года UTC+0. Если формат записи будет не верным, метод вернет NaN .

 date = new Date('2021-09-25T05:27:00'); alert(Date.parse(date)); 

new Date(year, month, date, hours, minutes, seconds, millisecond)

 new Date(1995, 11, 4, 3, 15, 10, 0); // Mon Dec 04 1995 03:15:10 GMT-0600 (Центральная Америка) 

Рассмотрим все возможные аргументы по порядку:

Обязательные аргументы

Год (year) — обязательный аргумент. Обычно записывается полностью — все четыре числа — 2022. Допустима, но не рекомендуется запись от 0 до 99. В этом случае год будет интерпретирован, как 1900 + заданное число.

Месяц (month) — обязательный аргумент и целое число от 0 до 11, где первое это январь, а последнее декабрь.

Необязательные аргументы

День (date) — необязательный аргумент обозначающий день месяца, если не задан, то по умолчанию принимает значение 1. Отсчет начинается с единицы.

Часы (hours) — от 1 до 24

Минуты (minutes) — от 1 до 60

Секунды (seconds) — от 1 до 60

Миллисекунды (millisecond) — от до 1000

Часы, минуты, секунды и миллисекунды — это целые числа, если аргумент не задан, то по умолчанию принимается значение 0.

Если при создании объекта Date в качестве аргумента задано число больше или меньше логического диапазона, программа автоматически переформатирует его в корректное, перенеся значение не соседнее. Если год 2010, а месяц 12 – это будет январь 2011. Если задать 10 часов 61 минуту – это будет 11 часов 1 минута. Если месяц апрель, а день 0 это 31 марта.

Методы для получения элементов даты

getFullYear()

 let date = new Date('1996-12-17T05:30:00'); date.getFullYear(); // 1996 

Метод позволяет получить год из объекта Date , если аргументов нет вернет текущий.

getMonth()

 let date = new Date('1996-12-17T05:30:00'); date.getMonth(); // 11 

Метод вернет месяц в формате от 0 до 11, если аргументов нет текущий.

getDate()

 let date = new Date('1996-12-17T05:30:00'); date.getDate(); // 17 

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

getHours(), getMinutes(), getSeconds(), getMilliseconds()

 let date = new Date(1996, 11, 17, 21, 30, 10, 900); date.getHours(); // 21 или 9 часов вечера date.getMinutes(); // 30 минут date.getSeconds(); // 10 секунд date.getMilliseconds(); 900 миллисекунд 

Если аргумент отсутствует метод вернёт 0.

getTimezoneOffset()

Метод возвращает разницу в минутах между локальным временем и UTC.

 let date = new Date().getTimezoneOffset(); alert(date); // при UTC +3 покажет -180 

getDay()

 let date = new Date(1996, 11, 17); date.getDay(); // 2 

Метод возвращает день недели, отсчет начинается с 0 (воскресенье) и заканчивается 6-ю (суббота). В примере 1996 год 17 декабря и это вторник, следовательно результат 2.

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

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

setFullYear(год, [месяц], [день месяца])

setMonth(месяц, [день месяца])

setHours(часы, [минуты], [секунды], [миллисекунды])

setMinutes(минуты, [секунды], [миллисекунды])

setTime() — устанавливает время в Date равным количеству миллисекунд прошедших с 1 января 1970 г. UTC.

При использовании методов результат возвращается в миллисекундах прошедших с 1 января 1970 г. по времени установленном на компьютере.

 let date = new Date(2019, 0); // Tue Jan 01 2019 00:00:00 GMT+0300 (Москва) date.setFullYear(2021); // 1609448400000 мс, что равно Fri Jan 01 2021 00:00:00 GMT+0300 (Москва) 

В примере мы передали в объект 2021 год, который и заменил 2019-ый.

UTC-варианты методов

Методы получения и передачи элементов для объекта Date работают согласно времени установленном на компьютере. Для того, чтобы в качестве результата получать дату относительно всемирного координированного времени (UTC) используют похожие методы, отличающиеся только вставкой UTC.

Получение элементов даты согласно UTC:

getUTCFullYear() , getUTCMonth() , getUTCDate() , getUTCHours() , getUTCMinutes() , getUTCSeconds() , getUTCMilliseconds() , getUTCDay()

Установка компонентов даты и времени согласно UTC:

setUTCFullYear() , setUTCMonth() , setUTCDate() , setUTCHours() , setUTCMinutes() , setUTCSeconds() , setUTCMilliseconds()

Преобразование объекта Date к строке

Для того, чтобы получить из Date нужные элементы даты и времени в формате строки используют следующие методы:

toTimeString() — только время

toDateString() — только дата

toUTCString() — дата и время в формате UTC

toISOString() — дата и время в формате ISO

toLocaleTimeString() — только время в локальном формате

toLocaleString() — дата и время в локальном формате

 let date = new Date(2018, 4, 19, 2, 34, 10); date.toString(); // Sat May 19 2018 02:34:10 GMT+0300 (Москва) date.toTimeString(); // 02:34:10 GMT+0300 (Москва) date.toDateString(); // Sat May 19 2018 date.toUTCString(); // Fri, 18 May 2018 23:34:10 GMT date.toISOString(); // 2018-05-18T23:34:10.000Z date.toLocaleTimeString(); // 02:34:10 date.toLocaleString(); // 19.05.2018, 02:34:10 

Итого

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

2. Для получения отдельных элементов Date используют методы — getFullYear() , getMonth() , getDate() , getHours() , getMinutes() , getSeconds() , getMilliseconds() , getDay() .

3. Для того, чтобы установить новые компоненты даты и времени используют: setFullYear() , setMonth() , setDate() , setHours() , setMinutes() , setSeconds() , setMilliseconds() , setTime() .

4. Для получения даты в нужном формате в виде строки используют: toString() , toTimeString() , toDateString() , toUTCString() , toISOString() , toLocaleTimeString() , toLocaleString() .

5. При создании Date в независимости какие аргументы и в каком формате передаются, создается объект со всеми элементами времени.

6. Если передать в Date аргументы времени некорректного формата (целые числа), дата будет корректироваться переносом значения на соседнее.

Skypro — научим с нуля

Источник

JavaScript Date Objects

JavaScript Date Objects let us work with dates:

Examples

Note

Date objects are static. The «clock» is not «running».

The computer clock is ticking, date objects are not.

JavaScript Date Output

By default, JavaScript will use the browser’s time zone and display a date as a full text string:

You will learn much more about how to display dates, later in this tutorial.

Creating Date Objects

Date objects are created with the new Date() constructor.

There are 9 ways to create a new date object:

new Date()
new Date(date string)

new Date(year,month)
new Date(year,month,day)
new Date(year,month,day,hours)
new Date(year,month,day,hours,minutes)
new Date(year,month,day,hours,minutes,seconds)
new Date(year,month,day,hours,minutes,seconds,ms)

JavaScript new Date()

new Date() creates a date object with the current date and time:

Example

new Date(date string)

new Date(date string) creates a date object from a date string:

Examples

Date string formats are described in the next chapter.

new Date(year, month, . )

new Date(year, month, . ) creates a date object with a specified date and time.

7 numbers specify year, month, day, hour, minute, second, and millisecond (in that order):

Example

Note

JavaScript counts months from 0 to 11:

Specifying a month higher than 11, will not result in an error but add the overflow to the next year:

Specifying a day higher than max, will not result in an error but add the overflow to the next month:

Using 6, 4, 3, or 2 Numbers

6 numbers specify year, month, day, hour, minute, second:

Example

5 numbers specify year, month, day, hour, and minute:

Example

4 numbers specify year, month, day, and hour:

Example

3 numbers specify year, month, and day:

Example

2 numbers specify year and month:

Example

You cannot omit month. If you supply only one parameter it will be treated as milliseconds.

Example

Previous Century

One and two digit years will be interpreted as 19xx:

Example

Example

JavaScript Stores Dates as Milliseconds

JavaScript stores dates as number of milliseconds since January 01, 1970.

Zero time is January 01, 1970 00:00:00 UTC.

One day (24 hours) is 86 400 000 milliseconds.

Now the time is: milliseconds past January 01, 1970

new Date(milliseconds)

new Date(milliseconds) creates a new date object as milliseconds plus zero time:

Examples

01 January 1970 plus 100 000 000 000 milliseconds is:

January 01 1970 minus 100 000 000 000 milliseconds is:

January 01 1970 plus 24 hours is:

01 January 1970 plus 0 milliseconds is:

Date Methods

When a date object is created, a number of methods allow you to operate on it.

Date methods allow you to get and set the year, month, day, hour, minute, second, and millisecond of date objects, using either local time or UTC (universal, or GMT) time.

Date methods and time zones are covered in the next chapters.

Displaying Dates

JavaScript will (by default) output dates using the toString() method. This is a string representation of the date, including the time zone. The format is specified in the ECMAScript specification:

Example

When you display a date object in HTML, it is automatically converted to a string, with the toString() method.

Example

The toDateString() method converts a date to a more readable format:

Example

The toUTCString() method converts a date to a string using the UTC standard:

Example

The toISOString() method converts a date to a string using the ISO standard:

Example

Complete JavaScript Date Reference

For a complete Date reference, go to our:

The reference contains descriptions and examples of all Date properties and methods.

Источник