Aktualisiere Eingangswert bei Änderung/Eingabe eines anderen mit Kalender-Selektor

Question

Ich muss den Wert eines Feldes aktualisieren, wenn sich der Wert eines anderen ändert. Das Feld, das ich aktualisieren möchte, enthält einen Zeitstempel und ein Feld, dessen Wert sich ändern kann, enthält ein Datum (JJJJ-MM-TT). Die Änderung erfolgt über einen Kalender-Selektor, der wahrscheinlich der Grund ist, warum die Ereignisse onchange und oninput die Funktion nicht aufrufen können.

Hier ist mein Code:

<input required class="short" type="text" id="startdate" name="startdate" value="<?php echo (isset($startdate) ? $startdate : "") ?>" oninput="updateTimestamp();" /> 
    <input required class="short" type="text" id="startdate_u" name="startdate_u" value="<?php echo (isset($startdate_u) ? $startdate_u : "") ?>" /> 
    <a href="#" onclick="cal.select(document.forms['project'].startdate,'anchor','yyyy-MM-dd'); return false;" name="anchor" id="anchor"><img src="images/calendar_icon.png" /></a> 
    <script> 
     var cal = new CalendarPopup(); 
     function popup(mylink, windowname) { 
      if (! window.focus)return true; 
       var href; 
      if (typeof(mylink) == 'string') 
       href=mylink; 
      else 
       href=mylink.href; 
      window.open(href, windowname, 'width=500,height=300,scrollbars=yes,resizable=yes'); 
      return false; 
     } 
     function updateTimestamp() { 
      var startDate = document.getElementById("startdate"); 
      var newTimestamp = Math.round(new Date(startDate.value).getTime()/1000); 
      document.getElementById("startdate_u").value = newTimestamp.toString(); 
     } 
    </script> 

Hier ist ein Link auf den Kalender-Code: http://www.mattkruse.com/javascript/calendarpopup/source.html

ich nicht JQuery verwenden werde. Ihr Rat wird sehr geschätzt :) Die gesamte Website ist nach HTML5-Standards geschrieben - ich lese, dass oninput sollte dann tun, aber es tut es nicht. Getestet sowohl in Chrome als auch in IE 11.

Answer 1

Dieser Kalender definiert auch eine setReturnFunction, die erwartet, dass der Name der Funktion das Ergebnis erhält.

Also ich denke, Sie müssen das auf den Namen der Funktion, die das Ergebnis erhalten wird, füllen Sie Ihre Eingabe und lösen Sie alle anderen Funktionen, die Sie mögen.

Etwas wie:

<script> 
    function dateSelected(y,m,d){ 
    // Fill in your input as probably it will not be filled. 
    // Trigger any additional functionality 
    updateTimestamp(); 
    var dateField = document.getElementById("startdate"); 
    dateField.value = y + "-" + m + "-" + d; 
    } 

    var cal = new CalendarPopup(); 
    cal.setReturnFunction('dateSelected'); 
    function popup(mylink, windowname) { 
    if (! window.focus)return true; 
    var href; 
    if (typeof(mylink) == 'string') 
    href=mylink; 
    else 
    href=mylink.href; 
    window.open(href, windowname, 'width=500,height=300,scrollbars=yes,resizable=yes'); 
    return false; 
    } 

    function updateTimestamp() { 
    var startDate = document.getElementById("startdate"); 
    var newTimestamp = Math.round(new Date(startDate.value).getTime()/1000); 
    document.getElementById("startdate_u").value = newTimestamp.toString(); 
    } 
    </script> 

Hinweis: durchaus ein paar Dinge im Code kann verbessert werden, mit dem Kalender zu starten.