<script>
var year = prompt('输入年份','2020');
document.write(calender(year));
function calender(year){
//拿到每年第一天的星期数
var w = new Date(year,0).getDay();
var html = '<div class="box">';
html="<div class='top'>"+year+"年日历</div>";
//列表格式
for(var m=1;m<=12;m++){
html+="<table>";
html+="<tr><th class='title' colspan='7'>"+year+"年"+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(year,m,0).getDate();
//每月一号跨列处理
html+="<tr>"
for(var 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>";
}
//获取每一天的星期,若是星期日则换行
if(w+1>6){
w=0;
}
else{
w=w+1;
}
// w=(w+1>6)?0:w+1;
}
html+="</table>";
}
html+="</div>";
return html;
}
</script>
<style>
*{
font-family: 隶书;
color: #35363A;
}
div.box{
margin: 0 auto;
width:880px;
padding-left: 200px;
}
.top{
margin: 60px 60px 60px 680px;
font-size: 32px;
}
table{
width: 220px;
height: 250px;
float:left;
border: 1px black dotted;
margin: 20px 10px;
border-radius: 10px;
padding: 5px;
}
.title{
background-color: #cccccc;
border-radius: 10px;
}
td{
margin: 3px;
}
</style>
js的一个日历
最新推荐文章于 2023-10-29 10:40:36 发布