Datumfeld aus Pikaday - neues Datum mit onchange und Variable aus php

Hi,

ich habe zwei Datumfelder, die ein value aus php bekommen. Eine Variable mit einer Anzahl von Monaten z.B. $Month=6 soll die Differenz zwischen bis und wann sein. Also ändere ich das "bis Datumfeld" soll zu dem "wann Datum" die Anzahl Monate aus der Variable $Month addiert werden.

Wie mache ich das, da ja das Datum aus Pikaday kommt.... onchange richtig? Aber wie?

<label for="bis">bis</label>  
<input type="text" name="bis" id="datepicker1" value="<?php echo date("d.m.Y", strtotime($bis)); ?>">  


<label for="wann">wann</label>  
<input type="text" name="wann" id="datepicker2" value="<?php echo date("d.m.Y", strtotime($wann)); ?>">  

    <script src="moment.js"></script>  
    <script src="pikaday.js"></script>  
    <script>
        var picker = new Pikaday({
            field: document.getElementById('datepicker1'),  
            format: 'DD.MM.YYYY',  
            onSelect: function() {
                console.log(this.getMoment().format('Do MMMM YYYY'));  
            }
        });
        var picker = new Pikaday({
            field: document.getElementById('datepicker2'),  
            format: 'DD.MM.YYYY',  
            onSelect: function() {
                console.log(this.getMoment().format('Do MMMM YYYY'));  
            }
        });
    </script>

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 302660

Url: https://administrator.de/contentid/302660

Ausgedruckt am: 22.11.2024 um 19:11 Uhr

1 Kommentar

Onchange würde ich hier auch nehmen.
Wie: Dort gibst du die Funktion an welche ausgeführt werden soll (Quelle: w3 ).

Dein Beispiel:

<label for="bis">bis</label>  
<input type="text" name="bis" id="datepicker1" value="<?php echo date("d.m.Y", strtotime($bis)); ?>" onchange="piDay()">  

<label for="wann">wann</label>  
<input type="text" name="wann" id="datepicker2" value="<?php echo date("d.m.Y", strtotime($wann)); ?>" onchange="piDay()">  

    <script src="moment.js"></script>  
    <script src="pikaday.js"></script>  
    <script>
    function piDay() {
        var picker = new Pikaday({
            field: document.getElementById('datepicker1'),  
            format: 'DD.MM.YYYY',  
            onSelect: function() {
                console.log(this.getMoment().format('Do MMMM YYYY'));  
            }
        });
        var picker = new Pikaday({
            field: document.getElementById('datepicker2'),  
            format: 'DD.MM.YYYY',  
            onSelect: function() {
                console.log(this.getMoment().format('Do MMMM YYYY'));  
            }
        });
    }
    </script>