Jquery - Anzeigen des in datepicker ausgewählten Werts in ein anderes Textfeld

Question

Ich benutze jquery, um Werte aus Textfeldern auszuwählen und sie in einem anderen Textfeld auf einer Übersichtsseite anzuzeigen (alle auf derselben Seite). Zum Beispiel habe ich folgende HTML:

<label for="txt-outbound-date" class="left p-input-label" >Date: </label> 
<input type="text" id="txt-outbound-date" name="txt-outbound-date" class="input-txt-sml left required" /> 

Zusammenfassung Seite HTML:

<div class="div-contact-label-wrap"> 
    <label for="txt-selected-date" class="right p-input-label" >Outbound Date: </label> 
</div> 
<div class="div-contact-input-wrap"> 
    <input type="text" id="txt-selected-date" name="txt-selected-date" class="input-txt-sml left" disabled="disabled" /> 
</div> 

JQuery-Code:

$('#txt-outbound-date').change(function() { 
    $('#txt-selected-date').val($(this).val()); 
}); 

Diese für jede Textbox vollkommen in Ordnung funktioniert Ich habe mit Ausnahme des ' Ausgewähltes Datum 'Textfeld, das Jquery-Datumsauswahl verwendet, um den ausgewählten Wert zu erhalten. Wenn ich einen Wert auswähle und auf die Übersichtsseite gehe, wird kein Wert kopiert. Wenn ich auf die vorherige Seite zurückwechsle und ein anderes Datum wähle, wird das zuvor gewählte Datum in der Textbox angezeigt.

Hat jemand eine Idee, wie ich das lösen kann?

habe ich auch versucht:

$('#txt-outbound-date').click(function() { 
    $('#txt-selected-date').val($(this).val()); 
}); 

Aber das hat nicht funktioniert entweder. Irgendwelche Vorschläge bitte?

Answer 1

Sie können mit datepicker-Ereignis onSelect:

$('#txt-outbound-date').datepicker({ 
    onSelect: function(dateText, inst) { 
     $('#txt-selected-date').val(dateText); 
    } 
}); 

Answer 2

diese Lösung (picker-Ereignis onSelect) funktioniert nicht für diese Art von picker

params.datepicker = { 
    selector: '#startdate, #enddate, minDate:'<%=date()%>' 
    } 

Diese Lösung hier nur, wenn Sie funktioniert Geben Sie das Textfeld ein, oder setzen Sie den Cursor in das Textfeld, nachdem Sie auf das Symbol für das Datumsauswahl-Symbol geklickt haben.

$(document).ready(function() { 
$('#startdate').click(function() { 
      var inputValues = []; 
      $("#startdate").each(function() { 
       inputValues.push($(this).val()); 
      }); 
      $('#enddate').each(function(index) { 
       if(index < inputValues.length) { 
        $(this).val(inputValues[index]); 
       } 
      }); 
     }); 
}); 

und diese Lösung funktioniert gut mit html5/Schopf aus dem Sumpf (aber ich bin für eine alte Lösung mit wet2 Vorlagen mit einer älteren Version eines picker)

$('#startdate').change(function(){ 
    $('#enddate').val($(this).val()); 
})