根據所選日期顯示信息

Question

我想根據選擇的日期範圍製作一個顯示不同細節的小頁面。 例如，我想要有三個或四個日期範圍（例如：從2013年1月1日至今天，2012年7月1日至2012年12月31日以及2012年1月1日至2012年6月30日）以及日期範圍具有日期選擇器的用戶會落入其中一個括號中，顯示的信息（在div中）將會改變。

如： 1.輸入你加入我們俱樂部日期：[日期選擇器] 2的div容器展示的信息基礎上的日期選取器所做的選擇

---

誰能給我一些幫助這是如何完成的？ 感謝

Answer 1

你可以嘗試（jQuery和jQuery用戶界面）

<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