Объект Date

Продолжаем знакомство со встроенными объектами языка javascript.

В этом уроке разберём объект Date позволяющий с помощью своих методов устанавливать дату и время.

Методы объекта Date

Метод Действие
getFullYear Год в виде четырёх цифр
getMonth Число месяца, 0 — январь, 11 — декабрь
getDay Число дня недели. 0 — воскресенье, 6 — суббота
getDate Число дня месяца. От 1 до 31
getHours Час суток. От 0 до 24
getMinutes Число минуты. От 0 до 59
getSeconds Секунды. От 0 до 59

Объект Date применяется как конструктор, и создаёт новые объекты из своих методов.

Что такое конструктор и пользовательские объекты мы рассмотрим в следующей статье, а пока примем как должное.

Для создания конструктора в javascript применяется ключевое слово new.

Для примера создадим две формы, в которых по событию onClik будут выводиться дата и время с точностью до секунды.



Код очень простой, поэтому я ограничусь несколькими комментариями в коде.

HTML


<form name="dayMonthYear">
<input type="button" value="Дата" onClick="myTime(dayMonthYear);">
<input type="text" size="10" name="res">
</form>
<br>
<form name="hoursMinutesSeconds">
<input type="button" value="Время" onClick="myData(hoursMinutesSeconds);">
<input type="text" size="10" name="res">
</form>

Javascript


<script>
function myTime(obj) {
var t=new Date(); // Конструктор
var h=t.getHours();
var m=t.getMinutes();
var s=t.getSeconds();
var result=h+":"+m+":"+s;
obj.res.value=result;
}
function myData(obj) {
var t=new Date(); // Конструктор
var y=t.getFullYear();
var d=t.getDate();
var s=t.getMonth();
switch (s) // Конструкция выбора
{
case 0: s=01; break;
case 1: s=02; break;
case 2: s=03; break;
case 3: s=04; break;
case 4: s=05; break;
case 5: s=06; break;
case 6: s=07; break;
case 7: s=08; break;
case 8: s=09; break;
case 9: s=10; break;
case 10: s=12; break;
case 11: s=12; break;
}
var result=d+"."+s+"."+y;
obj.res.value=result;
}
</script>

Желаю творческих успехов.

Объект Match < < < В раздел > > >

Запись опубликована в рубрике Уроки javascript и jQuery. Добавьте в закладки постоянную ссылку.
А так же:

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

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