Datum als Text
    
 Home • Datum • Datum als Text BEISPIEL  ScriptCode 

 Datum als Text   (8 Ausgabe-Versionen)

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.

  Beispiele der Ausgabe für das Datum 09.02.2007:  


   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: 
<span style="color:#DFDFDF;font-size:20px;font-weight:bold;">

<script type="text/javascript" language="JavaScript">
<!--
Datum(5);
//-->
</script>

</span>





   In Fließtext einbauen

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

Datum Einführung 02 - Übersicht

Die Möglichkeit Datum und Uhrzeit dynamisch anzeigen zu lassen, wobei ein Update jede Sekunde stattfindet, finden Sie auf der Seite

Datum und Uhrzeit dynamisch darstellen

Wie wärs mit einen Mini-Kalenderblatt für ihre Seite?
Die Farben können Sie leicht anpassen.

 Mini-Kalenderblatt