Javascript 如何根据日期显示某些div

Javascript 如何根据日期显示某些div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图根据日期显示特定的div。这些部门按月分。应仅显示当前月份和下一个月。下面的代码是如何设置的,但我知道我缺少代码。我只是不知道还有什么可以让这一切顺利进行 注意:我正在尝试设置它,这样我就不必调用特定的div id,这样我就不必每个月都去更改代码以显示接下来的两个div HTML 第一个月内容 第二个月内容 第三个月内容 CSS #1、#2、#3{显示:无;} JAVASCRIPT <script type="text/javascript"> var date=n

我试图根据日期显示特定的div。这些部门按月分。应仅显示当前月份和下一个月。下面的代码是如何设置的,但我知道我缺少代码。我只是不知道还有什么可以让这一切顺利进行

注意:我正在尝试设置它,这样我就不必调用特定的div id,这样我就不必每个月都去更改代码以显示接下来的两个div

HTML


第一个月内容
第二个月内容
第三个月内容
CSS


#1、#2、#3{显示:无;}
JAVASCRIPT

<script type="text/javascript">
  var date=new Date();
  var one_month = new Date(today.getFullYear(), today.getMonth()+1, 1);
  var two_month = new Date(today.getFullYear(), today.getMonth()+1, 1);

  $(document).ready(function() {
    $(one_month).css('display','block');
    $(two_month).css('display','block');
  });
</script>

变量日期=新日期();
var one_month=新日期(today.getFullYear(),today.getMonth()+1,1);
var two_month=新日期(today.getFullYear(),today.getMonth()+1,1);
$(文档).ready(函数(){
$(一个月).css('display','block');
$(两个月).css('display','block');
});
HTML

<div id="monthContent">
    <div id="one">
      MONTH ONE CONTENT
    </div>
    <div id="two">
      MONTH TWO CONTENT
    </div>
    <div id="three">
      MONTH THREE CONTENT
    </div>
    ...
</div>
脚本

var d = new Date();
var month = d.getMonth() + 1;
var nextMonth = month + 1;
nextMonth = nextMonth == 13 ? 1 : nextMonth;

  $(document).ready(function() {
      $( "#monthContent>div:nth-child(" + month + ")").show();
      $( "#monthContent>div:nth-child(" + nextMonth + ")").show();
  }); 

ID不允许以数字开头,但类可以

HTML


1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12

CSS

#月>div{
显示:无;
}

剧本

var d=新日期();
//getMonth()方法返回0到11
var m=d.getMonth()+1;
$('#m'+(m)+',#m'+((m+1)%12)).show()


谢谢jeremy,为m 12更新了HTML规范说ID和Name属性必须以字母开头。如果(nextMonth>12){nextMonth=1;}?Hmmmm由于某种原因不适用于我。这个javascript是否必须包含在文档中?我把我的id改名为div1、div2等等,因为你说它们不能以数字开头。我还更改了javascript中的#m以匹配我的id名称。
<div id="monthContent">
    <div id="one">
      MONTH ONE CONTENT
    </div>
    <div id="two">
      MONTH TWO CONTENT
    </div>
    <div id="three">
      MONTH THREE CONTENT
    </div>
    ...
</div>
#monthContent > div {display: none;}
var d = new Date();
var month = d.getMonth() + 1;
var nextMonth = month + 1;
nextMonth = nextMonth == 13 ? 1 : nextMonth;

  $(document).ready(function() {
      $( "#monthContent>div:nth-child(" + month + ")").show();
      $( "#monthContent>div:nth-child(" + nextMonth + ")").show();
  });