JavaScript: Einführung in Datum und Zeit

Weitersagen:

brauchbar.de - WebDesign, Programmierung,Development in HTML, CSS, Javascript, PHP, Perl und mehr

[ Startseite | Artikel : HTML · JavaScript · CSS · Perl · Usability · Sonstiges | Services^neu | Über ]

JavaScript: Einführung in Datum und Zeit

von Thomas Salvador.

JavaScript bietet das Objekt Date an, welches die Grundlage unserer Betrachtungen zu Datum und Zeit ist. Um das jeweils aktuelle Datum und die jeweils aktuelle Zeit zu erhalten, vereinbaren wir

var now = new Date();

Dies schafft ein neues Objekt Date und bindet es an die Variable now.

Date bietet Methoden, die zur Abfrage der einzelnen Teile dienen, dies sind u.a.

toString();
welches eine String-Darstellung des repräsentierten Datums erzeugt.
getDate();
liefert den Tag.
getMonth();
liefert den Monat. Beachten Sie bitte, daß der Wert von 0 für Januar bis 11 für Dezember reicht.
getYear();
liefert das Jahr, zweistellig für 19XX und vierstellig für 2XXX. Also z.B. 97 für 1997 und 2002 für 2002. So sollte es jedenfalls sein. Leider sind sogar einige verbreitete Browser bzw. -versionen in dieser Beziehung nicht Jahr 2000 fest. Welche das sind und mit welchem Workaround Sie diesen Bug fixen und Ihre Scripte auf allen Browsern lauffähig machen können, habe ich im Artikel Y2K-BugFix für JavaScript beschrieben.
getDay();
liefert den Wochentag (day of week), mit einem Wert von 0 für Sonntag bis 6 für Samstag.
getHours();
liefert die Stunde im 24 Stunden-Modell.
getMinutes();
liefert die Minuten.
getSeconds();
liefert die Sekunden.

Beispiel:

<script type="text/javascript">
<!--
  var now = new Date();
  document.write('now.toString() liefert ', now.toString(), '<br>');
  document.write('now.getDate() liefert ', now.getDate(), '<br>');
  document.write('now.getMonth() liefert ', now.getMonth(), '<br>');
  document.write('now.getYear() liefert ', now.getYear(), '<br>');
  document.write('now.getDay() liefert ', now.getDay(), '<br>');
  document.write('now.getHours() liefert ', now.getHours(), '<br>');
  document.write('now.getMinutes() liefert ', now.getMinutes(), '<br>');
  document.write('now.getSeconds() liefert ', now.getSeconds(), '<br>');
// -->
</script>

liefert

Ausgabe auf Ihrem Browser

Beachten Sie hier bitte unbedingt die Ausgabe von getMonth(). Diese Methoden sind alles, was wir brauchen, um unsere Datumsausgaben zu formatieren. Bei der Schaffung eines Objektes können Werte direkt gesetzt werden:

var test = new Date();
ist das, was wir schon gesehen haben und schafft ein Objekt, welches das aktuelle Datum und Zeit trägt.
var test = new Date(jahr, monat, tag);
schafft ein Objekt, welches das entsprechende Datum trägt. Beachten Sie bitte, daß monat in der von getMonth() gelieferten Fassung benutzt wird, d.h. mit Wertebereich 0..11 (also etwa 3 für April).
var test = new Date(jahr, monat, tag, stunde, minute, sekunde);
ist der große Bruder des eben genannten. Das Date-Objekt kann auch die Uhrzeit tragen.

Das Date-Objekt bietet noch einige andere Methoden an, die wir hier noch rasch betrachten wollen:

getTime();
liefert die Anzahl der Millisekunden, die zwischen dem 01.01.1970 00:00:00 und dem getragenen Zeitpunkt vergangen sind. (Diese Darstellung ist übringens sehr verbreitet, und ermöglicht z.B. ein einfaches Rechnen mit Daten.
getTimeZoneoffset();
liefert in Minuten den Zeitunterschied zwischen lokaler Zeit und GMT.
parse(string);
liefert die Anzahl der Millisekunden, die zwischen dem 01.01.1970 00:00:00 und dem als Zeichenkette übergebenen Zeitpunkt vergangen sind. Die Darstellung in der Zeichenkette muß dem IETF-Standard folgen, d.h.
```
  tageskürzel, tag monatskürzel jahr stunde:minute:sekunde zeitzone

  z.B. Wed, 9 Apr 1997 06:45:00 GMT+0100
```
toGMTString();
liefert eine den getragenen Zeitpunkt repräsentierende Zeichenkette im eben genannten IETF-Standard.
toLocaleString();
liefert eine den getragenen Zeitpunkt repräsentierende Zeichenkette. Hierbei wird die lokale Zeit berücksichtigt. eben genannten IETF-Standard.
UTC(jahr, monat, tag);
UTC(jahr, monat, tag, stunde);
UTC(jahr, monat, tag, stunde, minute);
UTC(jahr, monat, tag, stunde, minute, sekunde);
liefert die Anzahl der Millisekunden, die zwischen dem 01.01.1970 00:00:00 und dem angegebenen Zeitpunkt

stunde

minute

sekunde

UTC(jahr, monat, tag)

UTC(jahr, monat, tag, 0,
     0, 0)

Schließlich (und damit kommen wir wirklich zum Ende der Einführung) können einzelne Werte gesetzt werden, d.h. zu den (meisten) getXXX gibt es ein entsprechendes setXXX:

setDate(tag);
setzt den Tag des getragenen Zeitpunktes auf tag. Wertebereich 1..[28..31].
setMonth(monat);
setzt entsprechend den Monat. Wertebereich 0..11.
setYear(jahr);
setzt entsprechend das Jahr
setHours(stunde);
setzt die Stunde. Wertebereich 0..23 (24 Stunden Modell!).
setMinutes(minute);
setzt die Minuten
setSeconds(sekunde);
setzt die Sekunden
setTime(millisekunde);
stellt den getragenen Zeitpunkt so ein, daß er den Zeitpunkt repräsentiert, der millisekunde Millisekunden nach dem 01.01.1970 00:00:00 liegt.

JavaScript: Einführung in Datum und Zeit

Verwandte Artikel und Seiten