javascript - 如何根据日期显示某些div

Question

我正在尝试根据日期显示特定的 div。 div 按月分开。应仅显示当前月份和下个月。下面的代码是我设置它的方式，但我知道我缺少代码。我只是不知道要添加什么才能使这项工作成功。

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

HTML

<div id="1">
  MONTH ONE CONTENT
</div>
<div id="2">
  MONTH TWO CONTENT
</div>
<div id="3">
  MONTH THREE CONTENT
</div>

CSS

<style>
  #1, #2, #3 {display: none;}
</style>

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>

Answer 1

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>

CSS

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