선택한 날짜를 기준으로 정보 표시

Question

선택한 기간에 따라 다른 세부 정보를 보여주는 작은 페이지를 만들고 싶습니다. 예를 들어, 3 ~ 4 개의 기간 (예 : 2013 년 1 월 1 일부터 오늘, 2012 년 7 월 1 일부터 2012 년 12 월 31 일까지 및 2012 년 1 월 1 일부터 2012 년 6 월 30 일까지)과 날짜 선택 도구를 사용하는 사용자가 해당 대괄호 중 하나에 속하면 표시되는 정보 (div에 있음)가 변경됩니다.

예 : 1. 우리 클럽에 가입 날짜 입력 : 날짜 선택] 2. 사업부 컨테이너 보여주는 정보 날짜 선택에서 선택한에 근거를

---

는

는 사람이 나에게 어떤 도움을 줄 수 이것이 어떻게 이루어 졌는가? 감사

이

Answer 1

당신은 시도 할 수

(jQuery를 및 jQuery를 UI)

<input id='dp1' /> 
    <div id="div1" style='display:none' > Some info for range date 1</div> 
    <div id="div2" style='display:none'> Some info for range date 2</div> 


    $(document).ready(function(){ 
    $("#dp1").datepicker().on('change', function(){ 
     var date = $(this).datepicker('getDate'); 
     // months are based 0 
     if (date >= new Date(2013,0,1) && date <= new Date(2013,1,28)){ 
      $("#div2").hide(); 
      $("#div1").show(); 
     } 
     else if (date >= new Date(2013,2,1) && date <= new Date(2013,3,15)){ 
      $("#div2").show(); 
      $("#div1").hide(); 
     } 


    });; 
}); 

Fiddle