Darstellung des Datums als Text in eine HTML-Dokument einbinden. Das Script liefert 8 unterschiedliche Schreibweisen: Mit und ohne Wochentag, mit ausgeschriebenem Monatsnamen oder Darstellung durch Ziffern.
Funktion
Das Script generiert 10 Variablen, die in einer Datumsanzeige zum Einsatz kommen können. Diese Variablen nutze ich hier, um das Datum in unterschiedlichen Schreibweisen darzustellen. Erklärungen zur Generierung der Variablen finden sie auf der Seite 'Datum Übersicht'.
JavaScript-Schreibanweisungen die sich unterschiedlich zusammensetzen, generieren die Datumsdarstellungen in entsprechender Form. Die Funktionen sind durchnummeriert. Abhängig von der Ziffer die sie im Funktionsaufruf eintragen wird das Datum in 8 unterschiedlichen Varianten angezeigt. Beispiele:
Variante 5:
Variante 2:
Einfache Auswahl der Datumsanzeige-Version durch Übergabe der Kennziffer.
Mein Pool an 10 Datumsvariablen
Mit Absicht verwende ich hier zur Demonstartion einen Datumswert mit einstelligen Zahlenwerten für Tag und Monat. Der Grund wird ihnen weiter unter klar.
var DieserMonatstag
var DieserMonatstag2
var DieserWochentag
var DieserMonatNummmer
var DieserMonatNummmer2
var DiesesJahr4stellig
var TagName
var TagNameKurz
var MonatNameVoll
var MonatName
Freitag 09.02.2007 8:07:05 Uhr
Die Werte gelten für das Demo-Datum
Beispiel der Auswahl durch Übergabe der Kennziffer
Die übergebene Ziffer ist hier 5 (rot markiert).
<script type="text/javascript" language="JavaScript">
<!-- Begin
Datum(5);
// End -->
</script>
Liste der 8 Versionen:
1)
Datum(1);
2)
Datum(2);
3)
Datum(3);
4)
Datum(4);
5)
Datum(5);
6)
Datum(6);
7)
Datum(7);
8)
Datum(8);
Aufwand:
Wenn sie dieses JavaScript einsetzen, stehen ihnen innerhalb ihrer Seiten alle 8 Varianten der Datumsdarstellung jederzeit zur Verfügung. Sie haben die Option die gewünschte Darstellungsweise abzurufen.
1) Script in den Head kopieren
2) Funktion im Body notieren
3) Ziffer zur Wahl der Darstellung eintragen
Beispiel für den Aufruf der Funktion:
<script type="text/javascript" language="JavaScript">
<!-- Begin
Datum(2);
// End -->
</script>
Der Funktionsaufruf resultiert in ihrem HTML-Dokument als Datumsausgabe an der Stelle, wo er notiert wurde:
Textformatierung
Das Script schreibt Datum und statische Uhrzeit in die HTML-Seite. Die Formatierung der Darstellung können sie mittels Style-Angaben bestimmen. Dazu schließen sie den Funktionsaufruf in eine CSS-<span>-Anweisung ein:
Beispiel für die CSS-Formatierung der Darstellung unten:
Die Funktionen können natürlich auch in anderen Bereichen eingesetzt werden. Beispielsweise können sie in den ganz normalen Fließtext integriert werden:
Na, was machst du denn am heutigen
<script type="text/javascript" language="JavaScript">
<!--
Datum(5);
//-->
</script>
, gehst du schon wieder ins Kino?
Na, was machst du denn am heutigen
, gehst du schon wieder ins Kino?
Grundsätzliche Erklärungen zum date()-Objekt und den Möglichkeiten die Informationen für Datum und Zeit in Scripten weiter zu verarbeiten, finden sie auf der Seite