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.
Anzeige des aktuellen Datums in 8 Anzeigeoptionen
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 beim Aufruf der Funktion durch die Übergabe einer Kennziffer gezielt festzulegen.
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 und Erklärung 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:
Datum(1);
Datum(2);
Datum(3);
Datum(4);
Datum(5);
Datum(6);
Datum(7);
Datum(8);
Aufwand:
1) Script in den Head kopieren
2) Funktionsaufruf im Body notieren
3) Ziffer zur Wahl der Darstellung eintragen
oder:
1) Script in eine externe js-Datei auslagern
2) Link auf externe datei im Head kopieren
3) Funktionsaufruf im Body notieren
4) Ziffer zur Wahl der Darstellung eintragen
Beispiel für den Aufruf der Funktion:
<script type="text/javascript" language="JavaScript">
<!-- Begin
Datum(2);
// End -->
</script>
Dieser Funktionsaufruf schreibt in ihrem HTML-Dokument das Datum an genau der Stelle, wo der Aufruf notiert wurde. Der Aufruf mit der Übergabe der Kennziffer 2 resultiert in einer Datumsanzeige in dieser Ausgabeoption:
Textformatierung
Das Script schreibt das aktuelle Datum in die HTML-Seite. Die Formatierung der Darstellung können Sie mittels Style-Angaben bestimmen. Dazu schließen Sie z.B. den Funktionsaufruf in eine CSS-<span>-Anweisung ein:
Beispiel für die CSS-Formatierung der Darstellung unten:
Die Funktion zur Anzeige des Datums kann natürlich auch in anderen Bereichen eingesetzt werden. Beispielsweise kann sie in ganz normalen Fließtext eingebunden werden:
Na, was machst du denn am heutigen
<script type="text/javascript" language="JavaScript">
<!--
Datum(5);
//-->
</script>
, gehst du schon wieder ins Kino?
Ausgabe:
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