Datum Wochentag TT.MM.JJJJ
    
WWW.WEB-TOOLBOX.NET
ScriptCode ZURÜCK SITEMAP  

 Datum-Script - Tag Monat Jahr

Nachdem ich Anfang 2007 spezielle Einführungsseiten zum Thema date() geschrieben habe, wird diese Seite beinahe überflüssig. Als Beispiel für alternative Datumsdarstellungen belasse ich sie dennoch in der Auswahl.

  Beispiel der Ausgabe  


 Datum in 8 Schreibweisen (erweiterte Version)
 15.01.2008, Monatsberechnung geändert


   Die Aufgabenstellung

  • Das Systemdatum soll ausgelesen werden
  • Dem Wert für den Wochentag soll die deutsche Bezeichnung zugeordnet werden
  • Dem Wert für den Monat soll der deutsche Monatsnamen zugeordnet werden
  • Das Tagestatum soll 2-stellig angezeigt werden
  • Der Monat soll als Text oder 2-Stellig angezeigt werden
  • Der Jahreswert soll 4 stellig sein

1) gewünschtes Anzeigeformat: Wochentag TT. Monatsname JJJJ

   dann sieht die Anzeige für heute so aus:

2) gewünschtes Anzeigeformat: Wochentag TT.MM.JJJJ

   dann sieht die Anzeige für heute so aus:



   Arbeitsweise des Scripts

Für die Textausgabe der Wochentage und des Monatsnamens wird jeweils ein Register angelegt. Die Tages- und Monatsbezeichnungen werden später daraus entnommen.

Zuerst wird das aktuelle Datum aus dem Systemdatum entnommen und in einer Variablen (var now) abgelegt. Ich erstelle also eine Kopie des Date-Objekts. 
var now = new Date();
Dieser Variable now entnehmen wir nun die benötigten Informationen.



   1) Wochentag: 

// Array für die Wochentage
var days = new Array('Sonntag','Montag', ... 'Samstag');
Die Entnahme erfolgt für den Wochentag mit 
days[now.getDay()]
Wenn die ermittelte Zahl 0 ist, entnehme den ersten Wert aus dem Array (Sonntag)
Wenn die ermittelte Zahl 1 ist, entnehme den zweiten Wert aus dem Array (Montag)


   2) Monatsname: 

// Array für die Monate
var months = new Array('Januar','Februar', ... 'Dezember');
Die Entnahme erfolgt für den Monatsnamen mit 
months[now.getMonth()]
Wenn die ermittelte Zahl 0 ist, entnehme den ersten Wert aus dem Array (Januar)
Wenn die ermittelte Zahl 1 ist, entnehme den zweiten Wert aus dem Array (Februar)


   3) Tageszahl: 

var date = now.getDate();
Interessant die Technik bei einstelliger Tageszahl eine Null voranzustellen 
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
Wenn die Tageszahl kleiner 10 ist, setzt sich das Ergebnis aus dem Textstring "0" (Null) und der Tageszahl zusammen.
Wenn nicht, setzt sich das Ergebnis aus dem Textstring "" (nichts) und der Tageszahl zusammen.


   4) Jahresszahl 

now.getFullYear()
Die Möglichteit zur Ermittlung der 4-stelligen Jahreszahl bietet die interne Funktion getFullYear(), die auch im FF eine 4stellige Jahresangabe zurückgibt.





   Aufruf der beiden Funktionen

Nachdem sie das Script (siehe Textdatei) in den Head-Bereich ihres Dokuments kopiert haben, können sie das Datum innerhalb iher Seite ausgeben, wenn sie den Aufruf einer der beiden Funktionen an Ort und Stelle der gewünschten Datumsausgabe einfügen:


1) gewünschtes Anzeigeformat: Wochentag TT. Monatsname JJJJ 

<script type="text/javascript" language="JavaScript">
<!--
Datum01();
//-->
</script>
Ergebnis:  



2) gewünschtes Anzeigeformat: Wochentag TT.MM.JJJJ 

<script type="text/javascript" language="JavaScript">
<!--
Datum02();
//-->
</script>
Ergebnis:  









NACH OBEN