Jquery - datepicker에서 선택한 값을 다른 텍스트 상자에 표시

Question

jquery를 사용하여 텍스트 상자에서 선택한 값을 가져 와서 요약 페이지의 다른 텍스트 상자에 표시합니다 (모두 동일한 페이지에서 디자인 됨).

<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 코드 : 예를 들어, 나는 다음과 같은 HTML이이 모든 텍스트 상자에 대해 완벽하게 괜찮 작동

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

나는 제외하고있는 ' 선택한 날짜 'Jquery datepicker를 사용하여 선택한 값을 가져 오는 텍스트 상자. 값을 선택하고 요약 페이지로 이동하면 아무 값도 복사되지 않습니다. 이전 페이지로 돌아가서 다른 날짜를 선택하면 이전에 선택한 날짜가 텍스트 상자에 표시됩니다.

아무도 내가 이것을 해결할 수있는 아이디어가 있습니까?

가 나는 또한 시도했다 :

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

하지만 그 중 하나가 작동하지 않았다. 어떤 제안을 해주시겠습니까? 이 솔루션은 여기에만 경우 작동 날짜 선택기

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

이러한 유형의 작동하지 않습니다

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

Answer 1

당신은 날짜 선택기 이벤트 onSelect을 사용할 수 있습니다 입력란에 텍스트를 입력하거나 날짜판 이미지 아이콘을 클릭 한 후 텍스트 상자에 커서를 놓으십시오.

$(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/부트 스트랩 작동이 여전히 작동하지 않는 것 비록

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

Answer 2

이 솔루션 (날짜 선택기 이벤트 onSelect를)