您的位置:首页 > Web前端 > JavaScript

js编写的简单日历

2016-01-26 17:14 701 查看
<script>
var date=new Date();
var year=date.getFullYear();
var month=date.getMonth();
var da=date.getDate();
var day=date.getDay();
var array=new Array(12);
array[0]=31;
array[2]=31;
array[4]=31;
array[6]=31;
array[7]=31;
array[9]=31;
array[11]=31;
array[1]=28;
array[3]=30;
array[5]=30;
array[8]=30;
array[10]=30;
if(((year%4==0)&&(year%100!=0))||(year%400==0)){//判断本年是否是闰年
array[1]++;
}
var thisdate=da;//da1、da都是本月日期
document.writeln("<table><tr><td colspan='7'>今天的日期是:"+year+"年"+(month+1)+"月"+da+"日"+"</td>");//打印出当前日期
if(da>7){
da=da%7;
}
var diff=day-da+1;//求得本月1号是星期几
if(diff<7){
diff+=7;
}
document.writeln("<tr><td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr>");//打印出星期
document.writeln("<tr>");
for(var i=0;i<diff;i++){//这个用于显示第一行中的空格
document.writeln("<td></td>");
}
var j=1;
for(var i=diff;i<7;i++){//这个用于显示第一行费空格
document.writeln("<td>"+j+"</td>");
j++;
}
document.writeln("</tr>")
var count=7-diff+1;
while( count<=array[month]){
document.writeln("<tr>");
for(var i=0;i<7;i++){
if(count>array[month]){//如果count大于本月天数,就跳出循环
break;
}else if (count==thisdate){//如果count等于当前日期就加粗显示。
document.writeln("<td><strong>"+count+"</strong></td>");
}else {//否则就打印不加粗
document.writeln("<td>" + count + "</td>");
}
count++;
}
document.writeln("</tr>");
}
</script>
此代码并没有考虑复杂度,只是简单的编写出来,运行结果如下图显示:
还有一种编写方法如下图,先收藏,以后再看:



                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: