항상 입력시 jQuery UI 날짜 선택기 표시

Question

두 개의 jQuery UI 날짜 선택기를 항상 표시하도록 설정해야합니다. DIV를 사용하여이 작업을 수행하는 쉬운 방법이 있다는 것을 알고 있지만 입력을 위해이를 수행하는 방법을 찾을 수는 없습니다. jQuery UI 문서에서 "show"메서드를 시도했지만, 페이지로드시 입력에 대한 클릭으로 작동합니다. 이는 내가 찾고있는 것이 아닙니다.

Answer 1

아래 코드를 테스트하기 만하면 페이지에 항상 남아 있습니다. javascript의 datepicker 옵션을 전달하여 선택/클릭 이벤트를 처리해야합니다. 사용자가 날짜를 선택할 때 JS를 추가 했으므로 이탈 할만큼 충분해야합니다.

HTML :

<div id="test"></div> 
<input type="text" id="date_input"> 

자바 스크립트 :

$('#test').datepicker({ 
    onSelect: function(date, obj){ 
     $('#date_input').val(date); //Updates value of of your input 
    } 
});