Jquery - 將從datepicker中選擇的值顯示到另一個文本框中

Question

我正在使用jquery從文本框中選擇值並將其顯示在摘要頁面上的所有設計的不同文本框中（全部設計在同一頁面上）。例如，我有以下的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" /> 

摘要頁面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代碼：

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

這對於每一個文本框的工作完全沒有問題。我除了爲'選擇日期「文本框，它使用jquery datepicker來獲取選定的值。當我選擇一個值並進入摘要頁面時，不會複製任何值。如果我回到上一頁並選擇其他日期，則先前選擇的日期將顯示在文本框中。

有沒有人有任何想法我可以解決這個問題？

我也試過：

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

但是，這也不能工作。有什麼建議嗎？

Answer 1

您可以使用日期選擇器事件onSelect：

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

Answer 2

該解決方案（日期選擇器事件ONSELECT）這種類型的日期選擇器

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

這裏該解決方案僅適用，如果你不工作在文本框中鍵入或在點擊日期選擇器圖標圖標後將光標置於文本框中

$(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]); 
       } 
      }); 
     }); 
}); 

這個解決方案可以很好地HTML5 /次bootstrap（但我在尋找一個老的解決方案與wet2模板與舊版本的日期選擇器的）

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