JavaScript: Aktuelle Uhrzeit und Datum ermitteln

Heute möchte ich euch zeigen, wie ihr mit JavaScript das aktuelle Datum sowie die aktuelle Uhrzeit ermitteln und in euren Skripten verwenden könnt.

Wir benötigen für beides das Date-Objekt von JavaScript, das wir folgendermaßen erzeugen können:

var today = new Date();

Anschließend können wir alle benötigten Werte, um das aktuelle Datum und die aktuelle Zeit zu erhalten, auslesen um sie danach in unserem Skript weiter verarbeiten oder ausgeben zu können.

Aktuelles Datum ermitteln

Zunächst schauen wir uns an, wie wir das aktuelle Datum ermitteln können (zu der Zeit kommen wir im nächsten Abschnitt). Dazu erzeugen wir zuerst unser Date-Objekt und lesen anschließend das Jahr, den Monat sowie den Tag aus.

var today = new Date();
var d = today.getDate();
var m = today.getMonth() + 1;
var y = today.getFullYear();

var dmy = d + "." + m + "." + y;
alert(dmy);

Für das Auslesen der einzelnen Bestandteile verwenden wir die Methoden .getDate(), .getMonth() sowie .getFullYear():

• Um den Tag zu erhalten verwenden wir die Methode .getDate(). Diese versorgt uns mit dem Tag des Monats als Zahl von 1 bis 31.
• Um den Monat zu erhalten benutzen wir anschließend die Methode .getMonth(). Dieses Mal müssen wir noch 1 zu dem erhaltenen Wert hinzu addieren, da uns JavaScript den Monat als Zahl zwischen 0 und 11 ausgibt. Dies ist bei .getDate() nicht notwendig. Der Wert 0 entspricht dabei dem Januar, der Wert 1 dem Februar bis hin zur Zahl 11, die für den Dezember steht.
• Zuletzt nutzen wir .getFullYear() um auch das Jahr für unser Datum zu erhalten. Es heißt .getFullYear(), da die Methode von der verwandten Methode .getYear() unterschieden wird. Mit .getFullYear() erhalten wir das Jahr als 4-stellige Zahl während .getYear() für Jahre zwischen 1900 und 1999 eine 2-stellige Zahl zurück gibt. Ab dem Jahr 2000 wird es bei .getYear() 3-stellig beginnend bei 100, vor 1900 gibt .getYear() negative Werte zurück. Aufgrund dieser Problematik (Stichwort Jahr 2000 Problem) wurde .getYear() inzwischen aus dem Webstandard entfernt und sollte nicht mehr verwendet werden. Aus diesem Grund sollten wir immer auf .getFullYear() zurückgreifen, da .getYear() möglicherweise irgendwann nicht mehr von den Browsern unterstützt wird.

Nachdem wir den aktuellen Tag, das aktuelle Datum sowie das aktuelle Jahr als Einzelwerte erhalten haben, kombinieren wir die einzelnen Bestandteile zu einem Datum im Format Tag.Monat.Jahr und geben dieses über einen alert()-Dialog aus.

Natürlich soll dieses Beispiel nur die grundlegende Funktion demonstrieren, in der Praxis können wir die Werte natürlich nach Belieben kombinieren, anderweitig verwenden oder statt alle auch nur einzelne Bestandtteile des Datums auslesen.

Aktuelle Zeit ermitteln

Auch die aktuelle Zeit lässt sich über das Date-Objekt herausbekommen. Wie das geht, zeigt das nächste Beispiel.

var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();

var t = h + ":" + m + ":" + s;
alert(t);

Analog zu den Methoden um die Bestandteile des Datums zu erhalten, verwenden wir diesmal die Methoden .getHours(), .getMinutes() und .getSeconds() um die aktuelle Stunde, Minute und Sekunde zu bekommen. Wir erhalten jeweils Werte von 0 bis 59 beziehungsweise von 0 bis 23.

Des weiteren stellt uns das Date-Objekt auch die Methode .getMilliseconds() zur Verfügung, falls wir auch die Millisekunden benötigen.

In unserem Beispiel nutzen wir die ausgelesenen Werte wieder zur Anzeige der aktuellen Uhrzeit über eine alert()-Message.