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.

<pre> Präformatierter Text

CSS - Animierte Box mit Keyframes

PHP - Alle Tage eines Jahres mit dem Tagesnamen ausgeben

JavaScript - Ein farbig blinkender Text

MySQL - Höchstwert einer Tabellenspalte ermitteln

Interaktive Seiten
Hyperlinks sollten nicht nur in der Navigation (Menü) angeboten werden, sondern auch innerhalb einer Seite, zum Beispiel im Text. Das macht Ihre Seite erst „Interaktiv“.