버튼 클릭시 날짜 범위 추가 datepicker를 사용하여

Question

버튼을 클릭 할 때 datepicker가있는 캘린더를 열어 선택한 상태에서 형제 텍스트 상자에 날짜를 입력하십시오. 두 개의 다른 텍스트 상자에 대해이 작업을 수행 할 수 있어야합니다.

여기까지 제가 지금까지 있습니다.

http://jsfiddle.net/dan_vitch/zEper/

Answer 1

당신은 그 jsfiddle으로 jQuery를 UI를로드해야합니다. 다음을 시도해보십시오 :

<div> 
    <label>Start</label> 
    <input type="text" class="datepicker"/> 
</div> 

<div> 
    <label>End</label> 
    <input type="text" class="datepicker"/> 
</div> 

그리고 당신의 JS :

$(".datepicker").datepicker({ 
    showOn: "button", 
    buttonImage: "link to your button here", 
    buttonImageOnly: true 
}); 

것

가 참고 : 당신은 날짜 선택기가 당신을 위해 그렇게 할 것입니다, 버튼을 추가 할 필요가 없습니다 - 당신은 추가해야합니다을 버튼 이미지에 대한 링크. 당신이 이것을 좋아하지 않는다면 bottonImage 참조를 제거하면됩니다.

이 모든

은 JQuery와 날짜 선택기의 UI 문서에서 촬영되었습니다 here

편집 : jsfiddle here