js编写的简单日历

最新推荐文章于 2022-05-18 12:00:00 发布

原创最新推荐文章于 2022-05-18 12:00:00 发布 · 664 阅读

CC 4.0 BY-SA版权

本文介绍了一段JavaScript代码，该代码能够生成当前日期，并以表格形式展示当月的日历，包括高亮显示今天的具体日期。

<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>

此代码并没有考虑复杂度，只是简单的编写出来，运行结果如下图显示：


还有一种编写方法如下图，先收藏，以后再看：