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

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

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

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

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

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

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

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

Современные технологии веб-разработки

AngularJS, Webpack, NodeJS, ReactJS, TypeScript, Gulp, Git, Github...
Узнайте все о современных технологиях в веб-разработке

Узнать подробнее

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

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

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

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

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

var date = new Date();
console.log( date.toLocaleString('ru', {
 year: 'numeric',
 month: 'long',
 day: 'numeric',
 weekday: 'long',
 hour: 'numeric',
 minute: 'numeric',
 second: 'numeric'
}) );

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

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

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

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

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

На этом мы будем завершать данную статью. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!

Современные технологии веб-разработки

AngularJS, Webpack, NodeJS, ReactJS, TypeScript, Gulp, Git, Github...
Узнайте все о современных технологиях в веб-разработке

Узнать подробнее
Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Курс по JavaScript: основы

Изучите JavaScript с нуля до результата!

Смотреть курс

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree