JavaScript - Das gewählte Datum plus 30 Tage errechnen


<p><label>Abholung am:

 <
input type="date" id="abholung" name="eingabedatum" required="required">
</
label></p>

<
p><label>Rückgabe am
<
input type="date" id="rueckgabe" name="ausgabedatum" required="required">
</
label></p>

<
script>
// Das gewählte Datum plus 30 Tage errechnen

document.getElementById("abholung").addEventListener("change", function () {
 var 
event.target.value// 2020-07-15
 
var = new Date(new Date(x).setDate(new Date(x).getDate() + 30)); // (+ 30 Tage) Date Fri Aug 14 2020 02:00:00 GMT+0200 (Mitteleuropäische Sommerzeit)
 
var iso = new Date(p).toISOString(); // 2020-08-14T00:00:00.000Z
 
var iso.split("T");
 
document.getElementById("rueckgabe").value n[0]; // 2020-08-14
 
document.getElementById("rueckgabe").setAttribute("min"n[0]);
});
</
script>

Die Anzahl der Tage über ein Eingabefeld anpassen


<p><label>Abholung am:

 <
input type="date" id="abholung2" value="2021-01-01" required="required">
</
label></p>

<
p><label>Rückgabe am
<
input type="date" id="rueckgabe2" value="2021-01-11" required="required" readonly="readonly">
</
label></p>

<
p><label>+ Tage
<
input type="number" value="10" min="0" max="1000" step="1" id="tage2">
</
label></p>

<
script>
document.getElementById("abholung2").addEventListener("input"select);
document.getElementById("tage2").addEventListener("input"select);

function 
select() {
 var 
document.getElementById("abholung2").value;
 var 
tage document.getElementById("tage2").value;
 var 
= new Date(new Date(x).setDate(new Date(x).getDate() + parseInt(tage)));
 var 
iso = new Date(p).toISOString();
 var 
iso.split("T");
 
document.getElementById("rueckgabe2").value n[0];
}
</
script>

Die Rückgabe innerhalb eines Zeitraums von 30 Tagen


<p><label>Abholung am:

 <
input type="date" id="abholung3" required="required">
</
label></p>

<
p><label>Rückgabe am
<
input type="date" id="rueckgabe3" required="required">
</
label></p>

<
script>
// Die Rückgabe innerhalb eines Zeitraums von 30 Tagen

document.getElementById("abholung3").addEventListener("change", function () {
 var 
event.target.value;
 var 
= new Date(new Date(x).setDate(new Date(x).getDate() + 30));
 var 
iso = new Date(p).toISOString();
 var 
iso.split("T");
 
document.getElementById("rueckgabe3").value x;
 
document.getElementById("rueckgabe3").setAttribute("max"n[0]);
 
document.getElementById("rueckgabe3").setAttribute("min"x);
});
</
script>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<rt> Ruby Anmerkung

CSS - Nur gefüllte Tabellenzellen hervorheben

PHP - Array formatiert ausgeben

JavaScript - Automatische Weiterleitung nach einigen Sekunden

MySQL - Benutzer nach 1 Stunde zurücksetzen

Homepage-Umzug
Sollten Sie einmal mit Ihrer Homepage umziehen, dann teilen Sie es den Besuchern auch mit. Lassen Sie unter der alten Adresse einen Hinweis und einen Link auf die neue Seite zurück. Vorsicht ist bei automatischen Weiterleitungen geboten. Stellen Sie auf jeden Fall einen alternativen Link zur Verfügung, falls die automatische Weiterleitung nicht funktioniert.