Datum Anzeige

[JoSiBa]

Hallo,
ich brauche Hilfe.


Ich muss das heutige Datum und daneben, heute minus 28 Tagen.
Wer kann mich bei diesen Code helfen?

Für das heutiges Datum, habe ich aktuell diesen Code:
<script>
date = new Date().toLocaleDateString();
document.write(date);
</script>

Das Datum format sollte sein : TT.MM.JJJJ ( 07.08.2023)
Es sollte auch die Monatslängen 28/29 und 30/31 Tagen beachtet werden.

Danke

 

[Sclero2004]

Da kann dir Stackoverflow helfen:

https://stackoverflow.com/questions/563406/how-to-add-days-to-date

Gleich die erste Antwort.
Du bist da schon auf dem richtigen Wege mit dem Date-Objekt und toLocaleDateString. Wenn Du damit arbeitest werden die richtigen Längen der Monate, Schaltjahre etc. berücksichtigt.
Aber, bitte, fang gar nicht erst mit document.write an. Bei so etwas einfachem funktioniert es, aber Du kannst in anderem Zusammenhang große Probleme damit bekommen:

Die Nachteile von document.write

Besser einen Container anlegen und den Text dort eintragen:

<div id="datum-und-zeit"></div>
<script>
const meinContainer = document.getElementById('datum-und-zeit');
dateStr = new Date().toLocaleDateString();
meinContainer.innerHTML += dateStr;
</script>

 

[JoSiBa]

Erstmal Danke

Nur das ist leider zu hoch für mich.
Das verstehe ich nicht.

 

[Sclero2004]

Was verstehst Du jetzt nicht, die Sache mit dem Aufaddieren von Tagen oder mit document.write?
Das Subtrahieren würde so funktionieren:

<div id="datum-und-zeit"></div>
<script>
const meinContainer = document.getElementById('datum-und-zeit');
// Das Date-Objekt für die aktuellen Zeit ermitteln:
let theDate = new Date();
// Den String für die aktuelle Sprache, bei uns deutsch, ermitteln:
const dateStr = theDate.toLocaleDateString();
// Den String in den Containe eintragen:
meinContainer.innerHTML = dateStr;
// Den aktuellen Tag ermitteln:
const currentDay = theDate.getDay();
// 30 Tage subtrahieren:
const recentDay = currentDay - 30;
// und wieder in das Date-Objekt eintragen:
theDate.setDay(recentDay);
// Dann genau wie oben den String erzeugen und in den Container eintragen.
</script>

 

[JoSiBa]

Hallo sclero2004,

Leider funktioniert der Code nicht.
Es wird das heutige Datum, 9.8.2023, ausgegeben.

Ist es möglich gleichzeitig es in den Format 09.08.2023 auszugeben?

 

[Sclero2004]

Doch, der Code funktioniert, allerdings hatte ich das Eintragen des vergangenen Datums deiner Eigeninitiative überlassen. Hast Du meine Kommentare gelesen, insbesondere den letzten?

 

[JoSiBa]

Meinst du so?
// Dann genau wie oben den String erzeugen und in den Container eintragen.

const theDate = theDate.toLocaleDateString();

meinContainer.innerHTML = theDate;

Ich bin ???

 

[Sclero2004]

In etwa passt das schon. Nur enthält theDate bisher das Date-Objekt, es ist missverständlich, jetzt auf ein mal den String dort hinein zu schreiben. Und noch etwas, das konntest Du nicht wissen: Um den Text hinzu zu fügen musst Du ein += statt eines einfachen = verwenden:

// Den String für die aktuelle Sprache, bei uns deutsch, ermitteln:
const recentDateStr = theDate.toLocaleDateString();
// Den String in den Containe eintragen:
meinContainer.innerHTML += recentDateStr;

 

[JoSiBa]

Ich habe es jetzt so eingetragen, und erhalte weiterhin 9.8.2023.

<div id="datum-und-zeit"></div>

<script>

const meinContainer = document.getElementById('datum-und-zeit');

// Das Date-Objekt für die aktuellen Zeit ermitteln:

let theDate = new Date();

// Den String für die aktuelle Sprache, bei uns deutsch, ermitteln:

const dateStr = theDate.toLocaleDateString();

// Den String in den Containe eintragen:

meinContainer.innerHTML = dateStr;

// Den aktuellen Tag ermitteln:

const currentDay = theDate.getDay();

// 30 Tage subtrahieren:

const recentDay = currentDay - 30;

// und wieder in das Date-Objekt eintragen:

theDate.setDay(recentDay);

// Dann genau wie oben den String erzeugen und in den Container eintragen.

// Den String für die aktuelle Sprache, bei uns deutsch, ermitteln:

const recentDateStr = theDate.toLocaleDateString();

// Den String in den Containe eintragen:

meinContainer.innerHTML += recentDateStr;

</script>

 

[Sclero2004]

Da hilft dann: In der Console nachsehen ob eine Fehlermeldung kommt und in der Doku nachlesen. Ergebnis: Mir war ein Fehler unterlaufen, die Funktion heißt nicht getDay sondern getDate.
So funktioniert es dann:

    <div id="datum-und-zeit"></div>
    <script>
        const meinContainer = document.getElementById('datum-und-zeit');

        // Das Date-Objekt für die aktuellen Zeit ermitteln:

        let theDate = new Date();

        // Den String für die aktuelle Sprache, bei uns deutsch, ermitteln:

        const dateStr = theDate.toLocaleDateString();

        // Den String in den Container eintragen:

        meinContainer.innerHTML = dateStr;

        // Den aktuellen Tag ermitteln:

        const currentDay = theDate.getDate();

        // 30 Tage subtrahieren:

        const recentDate = currentDay - 30;

        // und wieder in das Date-Objekt eintragen:

        theDate.setDate(recentDate);

        // Dann genau wie oben den String erzeugen und in den Container eintragen.

        // Den String für die aktuelle Sprache, bei uns deutsch, ermitteln:

        const recentDateStr = theDate.toLocaleDateString();

        // Den String in den Containe eintragen:

        meinContainer.innerHTML += recentDateStr;

    </script>

 

[JoSiBa]

super das funktioniert jetzt
Danke

eine frage habe ich noch, wegen der Formatierung
es wird so ausgegeben : 10.8.2023 8.7.2023

Ist es möglich so auszugeben 10.08.2023 08.07.2023

 

[Sclero2004]

Ja natürlich, mit dem Pluszeichen kannst Du Zeichenketten bzw. Strings verknüpfen:

meinContainer.innerHTML += ' ' + recentDateStr;

 

[Sclero2004]

PS: Da hatte ich ein wenig oberflächlich gelesen, Du möchtest führende Nullen im Datum haben. Auf das wird bei Stackoverflow beschrieben, die zweite Antwort "The Modern Way":

https://stackoverflow.com/questions/3605214/javascript-add-leading-zeroes-to-date

 

[JoSiBa]

ich glaube, ich habe mich nicht richtig ausgedrückt.
Ich möchte das die Tage und Monate immer als XX ausgegeben werden .
Falsche : 8.7.2023
Richtig/mein Wunsch: 08.07.2023

 

[Sclero2004]

Du hattest dich schon richtig ausgedrückt. Ich habe das inzwischen bemerkt, lade die Seite neu und lies mein "PS".

 

[JoSiBa]

Danke

habe es so verändert

const dateStr = theDate.toLocaleDateString("de-DE", { // you can use undefined as first argument
year: "numeric",
month: "2-digit",
day: "2-digit",
})

 

[Sclero2004]

Ja, so sollte es eigentlich funktionieren.