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

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

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

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

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

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении

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

Как видим, это действительно объект, о чем нам сообщил метод typeof в первой распечатке. Во второй распечатке переменной date мы видим текущую дату и время… вот только формат странный какой-то.

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

getFullYear() — позволяет получить год в формате 4-х цифр;

getMonth() — возвращает 2 цифры месяца от 0 до 11;

getDate() — возвращает число от 1 до 31;

getHours() — возвращает час;

getMinutes() — возвращает минуты;

getSeconds() — возвращает секунды;

getMilliseconds() — возвращает миллисекунды (0,001 секунды);

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении

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

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

Еще раз обращаю ваше внимание на месяц. Метод getMonth() возвращает число месяца от 0 до 11, т.е. 0 соответствует январю, 11 — декабрю. Давайте подумаем, как вместо цифры месяца мы можем вывести название месяца. Сделать это не сложно:

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

Давайте теперь попробуем вывести дату в человеческом формате:

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

Обратите внимание на получение минут. Метод getMinutes(), как и метод getHours(), возвращают минуты и часы без ведущего нуля, т.е. если на часах время, скажем 14:08, тогда бы метод getMinutes() вернул нам просто цифру 8 и мы бы увидели такое время в консоли — 14:8. Смотрится не очень, поэтому для определения минут мы использовали тернарный оператор условия, который проверяет полученное значение минут. Если оно меньше 10, тогда мы добавим к этому значению ведущий 0. То же самое вы можете сделать и для часов самостоятельно.

Ну и еще один пример даты, где вместо строкового представления месяца будет его числовое представление:

Теперь мы получим немного другой формат даты.

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

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

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

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении

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

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

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

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

Метки:

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

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

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

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

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

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

Я не робот.

Spam Protection by WP-SpamFree