根据所选日期显示信息

Show information based on date selected

本文关键字：显示 信息 日期      更新时间：2023-09-26

我想做一个小页面，显示不同的细节基于所选择的日期范围。例如，我想有三个或四个日期范围(例如:从2013年1月1日-今天，从2012年7月1日- 2012年12月31日和从2012年1月1日- 2012年6月30日)，如果用户选择的日期范围与日期选择器落在这些括号中的一个，显示的信息(在一个div)将改变。

如:1. 输入您加入我们俱乐部的日期:[日期选择器]2. Div容器，根据日期选择器

中的选择显示信息。

谁能给我一些帮助，这是如何做到的?由于

你可以试试(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();
        }

    });;
});

小提琴

相关文章：