javascript - 根据所选日期显示信息

Question

我想制作一个小页面，根据所选日期范围显示不同的详细信息。例如，我想要三个或四个日期范围（例如：从 2013 年 1 月 1 日到今天、从 2012 年 7 月 1 日到 2012 年 12 月 31 日以及从 2012 年 1 月 1 日到 2012 年 6 月 30 日），如果具有日期选择器的用户属于这些括号之一，显示的信息（在 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();
        }


    });;
});

小提琴