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();
        }


    });;
});

Fiddle

根据所选日期显示信息

1 个答案: