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 Bausteinen (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Hintergrundbild absolut positionieren

PHP - X-tägige "NEU"-Markierung von Einträgen

JavaScript - Datenbank-Inhalt an ein JavaScript (Array) übergeben

MySQL - Eintrag in der Tabelle löschen