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 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
<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
<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.
<hr> Trennlinie
CSS - Checkboxen und Radiobuttons farblich anpassen
PHP - Neuer Dateiname falls eine hoch geladene Datei bereits existiert