Datum als Text
    


WWW.WEB-TOOLBOX.NET

BEISPIEL  ScriptCode ZURÜCK SITEMAP  

 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.

  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 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:
<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 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

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









NACH OBEN