<MyRusakov.ru />

React JS, Redux, ES2015 с Нуля до Гуру

React JS, Redux, ES2015 с Нуля до Гуру

Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения.

Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015, Вы узнаете, как организовать профессиональное окружение для FrontEnd, изучите профессиональный фреймворк - ReactJS.

А в практической части с полного нуля будет создано мощное и быстрое динамическое приложение, где Вы на практике познакомитесь, как создавать очень гибкую и расширяемую архитектуру, для разработке функционала любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Объект Date в JavaScript

Объект Date в JavaScript

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

Начнём, по традиции, с конструкторов объекта Date. Их целых четыре. Первый конструктор без параметров, и он возвращает текущие время и дату:

var date = new Date();
document.write(date);

В результате, Вы увидите что-то в этом духе: "Thu Oct 14 2010 11:42:06 GMT+0400".

Второй конструктор объекта Date - это конструктор с одним параметром. Этот параметр содержит количество миллисекунд прошедших с 01.01.1970 (зарождение эпохи Unix). Например, так:

var date = new Date(135253235);
document.write(date);

В результате Вы увидите следующее: "Fri Jan 02 1970 16:34:13 GMT+0300".

Следующий конструктор позволяет создать объект Date с заданием следующих параметров: года, месяца и числа:

var date = new Date(2010, 0, 12);
document.write(date);

Результат: "Tue Jan 12 2010 00:00:00 GMT+0300". Также заметьте, что 0-ой месяц - это январь, а 11-ый - это декабрь.

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

var date = new Date(2010, 0, 12, 23, 45, 12);
document.write(date);

Получится вот такая строка: "Tue Jan 12 2010 23:45:11 GMT+0300". Вот и все конструкторы объекта Date в JavaScript, которые нам предоставили разработчики.

Особых свойств у класса Date нет, поэтому сразу переходим к методам. Начнём сразу с группы методов, которые работают совершенно одинаково, но каждый из них возвращает свой элемент даты и времени:

var date = new Date();
document.write("Год - " + date.getFullYear() + "<br />");
document.write("Месяц - " + date.getMonth() + "<br />");
document.write("Число - " + date.getDate() + "<br />");
document.write("День недели - " + date.getDay() + "<br />");
document.write("Час - " + date.getHours() + "<br />");
document.write("Минута - " + date.getMinutes() + "<br />");
document.write("Секунда - " + date.getSeconds() + "<br />");
document.write("Миллисекунда - " + date.getMilliseconds() + "<br />");
document.write("Количество миллисекунд прошедших с 01.01.1970 - " + date.getTime() + "<br />");

Запустив данный скрипт, Вы мгновенно поймёте, что каждый из этих методов делает. Единственное, что хочется заметить, что нумерация дней недели начинается также с нуля. Причём воскресенье имеет индекс 0, а суббота - 6.

Есть аналогичные методы, но показывающие дату и время по Гринвичу. Давайте напишем такой код:

var date = new Date();
document.write("Год - " + date.getUTCFullYear() + "<br />");
document.write("Месяц - " + date.getUTCMonth() + "<br />");
document.write("Число - " + date.getUTCDate() + "<br />");
document.write("День недели - " + date.getUTCDay() + "<br />");
document.write("Час - " + date.getUTCHours() + "<br />");
document.write("Минута - " + date.getUTCMinutes() + "<br />");
document.write("Секунда - " + date.getUTCSeconds() + "<br />");
document.write("Миллисекунда - " + date.getUTCMilliseconds() + "<br />");

Запустив этот скрипт, Вы узнаете текущие дату и время на Гринвиче.

Противоположные методам get() являются методы - set(). Если первые возвращают определённые значения, то последние, наоборот, их изменяют. Собственно, данный скрипт я мог бы не приводить, но, чтобы не осталось никаких вопросов, давайте это сделаю:

var date = new Date();
date.setFullYear(1990);
date.setMonth(11);
date.setDate(15);
date.setHours(9);
date.setMinutes(20);
date.setSeconds(0);
date.setMilliseconds(10);
document.write(date);

Надеюсь, Вы обратили внимание, что метода setDay() не существует. Это говорит о том, что день недели подбирается в зависимости от года, месяца и числа.

Существует также аналогичные методы для Гринвича. Только добавляется приставка UTC, например, для изменения месяца используется метод setUTCMonth().

И последний метод - это setTime(). Принимает в качестве параметра число миллисекунд прошедших с 01.01.1970:

date.setTime(39293012);
document.write(date);

В результате Вы увидите вот это: "Thu Jan 01 1970 13:54:53 GMT+0300".

Вот и все конструкторы и методы объекта Date в JavaScript.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (7):

star05 star05 19.05.2012 00:58:55

Последние два метода (set и setTime) не работают. Причину не понимаю! :)

Ответить

Admin Admin 19.05.2012 01:20:42

Метода set вообще не существует (откуда Вы вообще его взяли?). А метод setTime() прекрасно работает, только что проверил.

Ответить

lev_100russ lev_100russ 04.06.2012 16:42:13

Чтобы минуты, секунды, часы и прочее обновлялось, нужно обновлять страницу! А чтобы они обновлялись без обновления страницы, нужен уже PHP код! Так?

Ответить

Admin Admin 04.06.2012 17:36:45

PHP здесь вообще не причём, этот как раз с ним надо будет каждый раз обновлять страницу. А вот на JS это можно сделать. Вот нечто подобное: http://myrusakov.ru/skolko-vremeni-vy-proveli-na-stranice.html Добавлю, что ключевым элементом для создания этого является таймер, который будет вызывать функцию, например, каждую секунду и обновлять время.

Ответить

lev_100russ lev_100russ 04.06.2012 17:55:38

Спасибо!

Ответить

GoTo GoTo 10.12.2013 10:11:13

Михаил, а как вставить дату в статью и зафиксировать ее? Чтобы при обновлении страницы она не изменялась?

Ответить

tikkiwiki tikkiwiki 10.12.2013 11:10:30

Здравствуйте, Анатолий. Используйте AJAX, с помощью данной технологии можно обновлять только определенную и нужную Вам часть страницы.

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.