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

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

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

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

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

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

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

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

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

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. Удачи!

Курс по 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