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>
此代码并没有考虑复杂度,只是简单的编写出来,运行结果如下图显示:
还有一种编写方法如下图,先收藏,以后再看:
相关文章推荐
- 韩顺平 javascript教学视频_学习笔记20_多态经典案例_补讲闭包细节
- 韩顺平 javascript教学视频_学习笔记19_js面向对象三大特征(封装,继承,多态)
- JS中数组的操作
- javascript 之小白学习指南 专题 --作用域
- chart.js
- php登陆界面刷新验证码 javascript 的写法
- AngualrJS中的Directive制作一个菜单
- js实现网页图片延时加载 提升网页打开速度
- JavaScript Window对象
- 优化Javascript数据遍历
- 优化Javascript数据遍历
- 优化Javascript数据遍历
- jsoncpp安装
- js正则表达式验证大全
- JavaScript提高:005:ASP.NET使用easyUI TABS标签显示问题
- 内核级研究-arm926ejs内核如何控制TCM、Cache、MMU等
- js 节点 document html css 表单节点操作
- JS上传多种类型参数
- 详解javascript new的运行机制
- JVM性能调优监控工具jps、jstack、jmap、jhat、jstat使用详解