От автора: приветствую вас, друзья. В этой статье мы продолжим знакомство с объектом Date, который позволяет работать с датой и временем в JavaScript. В частности, мы узнаем о новых методах объекта Date, которые позволят получить нужный формат даты.
Как вы помните, в предыдущей статье мы с вами получали нужный нам формат даты и для этого пришлось использовать достаточно большое количество строк. Возможно ли сократить данный код, в идеале до использования одного метода, т.е. до одной строки кода? Ответ прост — это возможно.
JavaScript предлагает несколько методов на выбор для форматирования даты, т.е. для приведения даты к определенному формату. Первый метод — toLocaleString(locale, options). Данный метод позволяет форматировать дату согласно указанной в первом параметре локали и опциям, переданным вторым параметром.
Давайте попробуем для начала вызвать метод без параметров:
|
1 2 |
var date = new Date(); console.log(date.toLocaleString()); |
Ну что же, мы получили вполне приемлемый результат, который подойдет в большинстве случаев. Теперь давайте передадим первым параметром нужную локаль. Для примера используем различные языковые локали:
|
1 2 3 4 5 6 |
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 в качестве локали, если она не указана параметром, берет локаль по умолчанию, которая используется в настройках браузера.
Давайте теперь поиграемся со вторым параметром метода toLocaleString():
|
1 2 3 4 5 6 7 8 9 10 |
var date = new Date(); console.log( date.toLocaleString('ru', { year: 'numeric', month: 'long', day: 'numeric', weekday: 'long', hour: 'numeric', minute: 'numeric', second: 'numeric' }) ); |
Такой формат даты также может пригодиться. При желании его можно немного настроить. Например, вместо полного названия дня недели можно получить сокращенное название. Для этого значение настройки weekday изменим с long на short.
Ниже таблица свойств объекта options с возможными значениями, которую я взял отсюда:
На этом мы будем завершать данную статью. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!
