Объект 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 не будет опубликован. Обязательные поля помечены *