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.

<hr> Trennlinie

CSS - Checkboxen und Radiobuttons farblich anpassen

PHP - Neuer Dateiname falls eine hoch geladene Datei bereits existiert

JavaScript - Countdown (4)

MySQL - Spalte umbenennen

Alternativen Text bei Grafiken vergessen
Geben Sie bei jeder Grafik einen alternativen Text an. Dies können Sie mit dem Zusatz alt="IhrText". Dieser Text wird immer dann angezeigt, wenn die Grafik noch nicht geladen wurde oder der Besucher Grafiken deaktiviert hat. Angezeigt wird er auch, wenn der Besucher mit dem Mauszeiger über die Grafik fährt.Vor allem behinderte Menschen sind auf den alternativen Text angewiesen und auch Suchmaschinen durchsuchen den Text nach Stichworten. Grafiken ohne wirklichen Nutzwert sollten Sie mit alt="" versehen. Vorsicht ist bei manchen Webseite-Editoren geboten, die automatisch völlig sinnlose Alternativtexte einfügen.