Datum Einführung 02
    
HOME
Funktionen  Kalender  Uhr  ZURÜCK SITEMAP  

 Datum Einführung: 02) Übersicht

Hier habe ich einmal zusammengefasst, welche Info sie aus dem Date()-Objekt herausziehen können und dabei den Variablen (hoffentlich) aussagekräftige Namen gegeben, die verdeutlichen sollen was dort letztendlich enthalten ist.

  Beispiele der Variableninhalte  

   Ziel

Ich schaffe mir einen Pool an Variablen, auf die ich gegebenenfalls innerhalb meiner Seiten zurückgreifen kann. Sämtliche Datums- und Zeitinformationen sollen in unterschiedlichen Schreibweisen bereitgehalten werden.

Wenn sie diese Funktion nutzen, habe ich hier eine Variablenliste als PDF-Datei für ihre Arbeit. So behalten sie die Übersicht und können die Datums- oder Zeitanzeigen aus dem Script innerhalb ihrer Seite gezielt einsetzen.


   Übersicht

Auf der Seite Datum Einführung 01 haben sie bereits gelesen, dass sie grundsätzlich mit einer Kopie des Datumsobjekts arbeiten. Danach können sie abhängig vom Verwendungszweck aus der Kopie die einzelnen Informationen ermitteln und z.B. in Variablen ablegen. Die Inhalte der Variablen sind in Rot abgebildet.

 Basisinformationen einblenden / ausblenden


Für die nun folgenden Erklärungen verwende ich ein festes Datum!

Ich beginne natürlich zuerst damit eine Kopie des Objekts Date() zu erstellen.

Mit Absicht verwende ich hier zur Demonstartion einen Datumswert mit einstelligen Zahlenwerten für Tag und Monat. Der Grund wird ihnen weiter unter klar.


Sonntag 04.02.2007 8:07:05 Uhr

     


var Heute=new Date();


Danach entnehme ich mit verschiedenen Funktionen meine Datums- / Zeit-Werte:

neue Variable
 var DieserMonatstag =
var DieserWochentag =
var DieserMonatNummmer =
var DiesesJahr4stellig =

var JetztStunden =
var JetztMinuten =
var JetztSekunden =
var JetztMillisekunden =
 Funktion
 Heute.getDate();
Heute.getDay();
Heute.getMonth() +1;
Heute.getFullYear();

Heute.getHours();
Heute.getMinutes();
Heute.getSeconds();
Heute.getMilliseconds();
 Wert



   Wochentag und Monat als Text

Wochentag als Text

Um nun aus den Wert für 'DieserWochentag' eine echte Tagesbezeichnung zu erhalten, lege ich ein Register mit den Wochentagsnamen an und ordne den dort abgelegten Text dem ermittelten aktuellen Wert für den Tag zu.

Diese Aufgabe übernimmt die Funktion 'TagTxt()'

function TagTxt (zahl) {
var Tag=new Array();
Tag[0]="Sonntag";
Tag[1]="Montag";
Tag[2]="Dienstag";
Tag[3]="Mittwoch";
Tag[4]="Donnerstag";
Tag[5]="Freitag";
Tag[6]="Samstag";
return Tag[zahl];
}
var TagName=TagTxt(DieserWochentag);

Ich darf noch einmal daran erinnern, das er erste Tag der Woche der Sonntag ist, na ja, zumindest in den USA und bei JavaScript.

3 weitere Variablen sollen Texte für Wochentag und Monatsnamen in unterschiedlichen Schreibweisen bereitstellen. So wie oben für den Wochentag, verfahre ich also für diese 3 Zuordnungen. Die Info dazu können sie einblenden


 Wochentag als Text - Kurzschreibform   Info einblenden / ausblenden

 Monat als Text - Kurzschreibform   Info einblenden / ausblenden

 Voll ausgeschriebener Monatsname   Info einblenden / ausblenden



    Zahlendarstellung zweistellig

Für den Fall der Fälle: Weil ich mir einen Pool an Datums- und Zeitinformationen herstellen möchte auf den ich gegebenenfalls zurückgreifen kann, entschied ich mich einige Werte die als Zahlendarstellung zurückgegeben werden, in zweistelligem Format bereitzuhalten. Wozu? Zum Beispiel damit ich um 3 nach 9 die Uhrzeit als 9:03 Uhr und nicht als 9:3 Uhr anzeigen kann.

Das bedeutet: Bei einstelligem Ergebnis eine Null voranzustellen.

Dazu benutze ich diesen generellen Syntax: 

var ZahlZweistellig = ((Zahlenwert < 10) ? "0" : "")+ Zahlenwert;

Wenn 'Zahlenwert' kleiner 10 ist
dann ist 'ZahlZweistellig' = "0" + 'Zahlenwert'

wenn nicht
dann ist 'ZahlZweistellig' = "" + 'Zahlenwert'
Wie das im Einzelnen umgesetzt wurde, entnehmen sie der Textdatei. Jedenfalls gibt es nun noch einmal 5 weitere Variablen, die den zweistelligen Zahlenwert für Tag, Monat, Stunden, Minuten und Sekunden beinhalten.




   Mein Pool an Datums- und Zeitvariablen

Duch diese Zuordnungen von Text und zweistelligen Zahlendarstellungen habe
ich nun 9 weitere Variablen in meiner Sammlung:

var DieserMonatstag
var DieserWochentag
var DieserMonatNummmer
var DiesesJahr4stellig

var JetztStunden
var JetztMinuten
var JetztSekunden
var JetztMillisekunden

var DieserMonatstag2
var DieserMonatNummmer2
var JetztStunden2
var JetztMinuten2
var JetztSekunden2

var TagName
var TagNameKurz
var MonatNameVoll
var MonatName
 Die Werte gelten für dieses Datum:





Quellcode für Kalenderblatt und Uhr oben oder Seite: Mini-Kalenderblatt

So das wars fürs Erste. Ich denke eine solche Übersicht hilft, die Funktionen besser zu verstehen.

Diese Seite hatte ich am 26.02.2007 um 00:15 Uhr erst mal abgeschlossen. "Wenn mir noch etwas dazu einfällt (und das ist meistens so), werde ich das später ergänzen", hatte ich behauptet. Wie sie am Update sehen, ist das auch so. Es lohnt also ab und an noch einmal vorbeizuschauen.

 16.03.2007, Erweiterung zweistellige Zahlendarstellung für Tag, Monat, Std, Min, Sec

  15.03.2007, Variablenliste als PDF


... natürlich müssen die Zeitfunktionen noch vervollständigt werden. 
setHours() (Stundenteil der Uhrzeit festlegen)
setDate() (Datum festlegen)
getTime() (Zeitpunkt ermitteln)
...




   Anwendung einer Datumsfunktion

Wie sie diese Variablen einsetzen können, z.B. zur Darstellung des Datums in unterschiedlichen Schreibweisen, habe ich eine eigene Seite erstellt.

  Funktionen zur Datumsausgabe - Datum als Text

Wie sie nun im Einzelfall vorgehen und wie sie die Informationen aus den Variablen einsetzen, bleibt ihnen überlassen (Liste der Variablen als PDF: rechts). Sie können das gesamte Script, das sämtliche Informationen als Variablen bereithält, einbinden und im Dokument lediglich den Variableninhalt der Informationen schreiben lassen. Bsp.: 
<script type="text/javascript" language="JavaScript">
<!--
document.write(DiesesJahr4stellig);
//-->
</script>
oder eine eigene Funktion nach meinem Beispiel einsetzen: 
<script type="text/javascript" language="JavaScript">
<!--
var Datum = new Date();
var Jahr = Datum.getFullYear();
document.write("Ergebnis: " + Jahr);
//-->
</script>







Grundsätzliche Erklärungen zum date()-Objekt und was JavaScript für sie bereithält, finden sie auf der Seite

 Datum Einführung 01 - Basiswissen

Wie sie die Informationen aus dem Variablen-Pool dieser Seite einsetzen können, z.B. zur Darstellung des Datums in unterschiedlichen Schreibweisen, lesen sie auf dieser Seite:

  Funktionen zur Datumsausgabe - Datum als Text

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