JavaScript - Das gewählte Datum plus 30 Tage errechnen

Abholung am:

Rückgabe am:

<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 x = event.target.value; // 2020-07-15

 var p = 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 n = 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

Abholung am:

Rückgabe am:

+ Tage:

<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 x = document.getElementById("abholung2").value;

 var tage = document.getElementById("tage2").value;

 var p = new Date(new Date(x).setDate(new Date(x).getDate() + parseInt(tage)));

 var iso = new Date(p).toISOString();

 var n = iso.split("T");

 document.getElementById("rueckgabe2").value = n[0];

}

</script>

Die Rückgabe innerhalb eines Zeitraums von 30 Tagen

Abholung am:

Rückgabe am:

<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 x = event.target.value;

 var p = new Date(new Date(x).setDate(new Date(x).getDate() + 30));

 var iso = new Date(p).toISOString();

 var n = 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