Javascript 如何根据日期显示某些div
我试图根据日期显示特定的div。这些部门按月分。应仅显示当前月份和下一个月。下面的代码是如何设置的,但我知道我缺少代码。我只是不知道还有什么可以让这一切顺利进行 注意:我正在尝试设置它,这样我就不必调用特定的div id,这样我就不必每个月都去更改代码以显示接下来的两个div HTMLJavascript 如何根据日期显示某些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
第一个月内容
第二个月内容
第三个月内容
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();
});