这几天对js进行深入学习:最近打的一个代码:输入一个年份,输入该年的日历
效果如下:
js代码如下:
<script type="text/javascript">
function calendar(y){
//获取指定月份1月1日的星期数值
var w=new Date(y,0).getDay();
var html='<div class="box">';
//拼接每个月份的表格
for(m=1;m<=12;++m){
html+='<table>';
html+='<tr class="title"><th colspan="7">'+y+'年'+m+'月</th></tr>';
html+='<tr><td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr>';
//获取月份m共有多少天
var max =new Date(y,m,0).getDate();
html+='<tr>';
for(d=1;d<=max;++d){
if(w&&d==1){
html+='<td colspan="'+w+'"></td>';
}
html+='<td>'+d+'</td>';
if(w==6&&d!=max){
html +='</tr><tr>';
}else if(d==max){
html+='</tr>';
}
w=(w+1>6)?0:w+1;
}
html+='</table>';
}
html+='</div>';
return html;
}
var year=parseInt(prompt('请输入年份:','2018'));
document.write(calendar(year));
</script>