Дата и время в JavaScript. Часть 2

Понедельник, 05 Декабрь 2016 21:10

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

Как вы помните, в предыдущей статье мы с вами получали нужный нам формат даты и для этого пришлось использовать достаточно большое количество строк. Возможно ли сократить данный код, в идеале до использования одного метода, т.е. до одной строки кода? Ответ прост — это возможно.

JavaScript предлагает несколько методов на выбор для форматирования даты, т.е. для приведения даты к определенному формату. Первый метод — toLocaleString(locale, options). Данный метод позволяет форматировать дату согласно указанной в первом параметре локали и опциям, переданным вторым параметром.

Давайте попробуем для начала вызвать метод без параметров:

1.var date = new Date();
2.console.log(date.toLocaleString());
 

Дата и время в JavaScript

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

1.var date = new Date();
2.console.log(date.toLocaleString()); // локаль по умолчанию
3.console.log(date.toLocaleString('ru')); // локаль русская
4.console.log(date.toLocaleString('en')); // локаль английская
5.console.log(date.toLocaleString('en-US')); // локаль американский английский
6.console.log(date.toLocaleString('en-GB')); // локаль британский английский
 

Дата и время в JavaScript

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

Давайте теперь поиграемся со вторым параметром метода toLocaleString():

01.var date = new Date();
02.console.log( date.toLocaleString('ru', {
03.year: 'numeric',
04.month: 'long',
05.day: 'numeric',
06.weekday: 'long',
07.hour: 'numeric',
08.minute: 'numeric',
09.second: 'numeric'
10.}) );
 

Дата и время в JavaScript

Такой формат даты также может пригодиться. При желании его можно немного настроить. Например, вместо полного названия дня недели можно получить сокращенное название. Для этого значение настройки weekday изменим с long на short.

Дата и время в JavaScript

Ниже таблица свойств объекта options с возможными значениями, которую я взял отсюда:

Дата и время в JavaScript

На этом мы будем завершать данную статью. 

Источник: https://webformyself.com/data-i-vremya-v-javascript-chast-2/