我正在尝试根据日期显示特定的 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>
最佳答案
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();
});
关于javascript - 如何根据日期显示某些div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23901490/