Показать информацию на основе выбранной даты

Question

Я хотел бы сделать небольшую страницу с различными деталями на основе выбранного диапазона дат. Например, я хотел бы иметь три или четыре диапазона дат (например: с 1 января 2013 года - сегодня, с 1 июля 2012 года по 31 декабря 2012 года и с 1 января 2012 года по 30 июня 2012 года), и если диапазон дат, выбранный пользователь с выбором даты попадает в один из этих скобок, информация, отображаемая (в div), изменится.

Например: 1. Введите дату, присоединились к нашему клубу: [выбора даты] 2. Div контейнер Отображение информации на основе выбора, сделанного в меню выбора дат

---

Может кто-нибудь дать мне некоторую помощь как это делается? Благодаря

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