Javascript Input date2 bei Eingabe von Input date 1 ändern?

Hallo.

Wie kann ich mit Javascript ein Input type Date (el2) beim ändern eines anderen input type date (el1) automatisch ändern?

Ich würde gerne das 2. Input Feld automatisch immer 5 Tage im vorraus ausfüllen lassen wenn man das 1. Input ausfüllt.
zB. Ich Tippe beim 1. Input 01.01..2025 dann soll sich das 2. input autom. auf 05.01.2025 stellen

Geht so was überhaupt?

Answer 1

[Mirko Marek]

Hi TrucksLOG,

klar geht das. Das erste ist das man zwei Date-Objekte in JavaScript erstellt und dann dem einen die fünf Tage hinzufügt. Hier ein Beispiel aus dem Netz:

document.getElementById('date1').addEventListener('change', function () {
    let startDate = new Date(this.value);
    let endDate = new Date(startDate);
    endDate.setDate(startDate.getDate() + 5);
    document.getElementById('date2').value = endDate.toISOString().split('T')[0];
});

Durch den Event Listener wird auf Veränderungen der ersten Eingabemaske reagiert und dann eine Funktion ausgeführt.

Viel Erfolg

Woher ich das weiß: Berufserfahrung – Ich bin gelernter Mediengestalter Digital und Print(IHK)

Answer 2

[TrucksLOG]

Habe das jetzt so gelöst:

$("#start").change(function() {
    let d = $(this).val()
    let dobj = new Date(d);
    dobj.setDate(dobj.getDate()+5);
    var x = document.getElementById("ende");
    x.setAttribute("value", dobj.toLocaleDateString('fr-CA'));
})

Woher ich das weiß: eigene Erfahrung

Answer 3

[Destranix]

Klar. Du registrierst einen Listener für das Change-Event des einen Feldes und verändert den Wert des anderen Feldes im Code des Listeners.