61,111
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#nianli{
width: 880px;
margin: 0px auto;
text-align :center;
font-family: "宋体";
}
th{
background-color: cyan;
color: royalblue;
}
table{
width:200px;
height:200px;
margin:10px;
float:left;
border: 1px solid #aa5500;
}
td:first-child, td:last-child{
color:red;
}
</style>
<script type="text/javascript">
var year=prompt("请输入年份:","2020");
document.write(getnianli(year));
function getnianli(y){
var htm="";
htm+='<div id="nianli">';
for(var m = 1; m <= 12; m++){
htm+='<table>';
htm+='<tr><th colspan="7">'+ y + '年' + m + '月</th></tr>';
htm+='<tr><td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr>';
htm+='<tr>';
var firstday = new Date(y, m - 1, 1).getDay();
var max=new Date(y, m, 0).getDate();
for (var i = 0; i < firstday; i++) {
htm+='<td></td>';
}
for (var d = 1; d <= max; d++){
htm+='<td>' + d + '</td>';
if(( (d+firstday) % 7 == 0) && d != max){
htm+='</tr><tr>';
}
else if (d == max){
var endday = 7 - (max + firstday) % 7;
for (var i = 0; i < endday; i++) {
htm += '<td></td>';
}
htm += '</tr>'
}
}
htm+='</table>';
}
htm+='</div>'
return htm;
}
</script>
</head>
<body>
</body>
</html>
table{
width:200px;
height:200px;
margin:10px;
float:left;
border: 1px solid #aa5500;
border-collapse:collapse;/*table内的单元格合并*/
}
var year=prompt("请输入年份:","2020");
document.write(getnianli(year));
function getnianli(y){
var htm="";
htm+='<div id="nianli">';
for(var m = 1; m <= 12; m++){
htm+='<table>';
htm+='<tr><th colspan="7">'+ y + '年' + m + '月</th></tr>';
htm+='<tr><td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr>';
htm+='<tr>';
var firstday = new Date(y, m - 1, 1).getDay();
var max=new Date(y, m, 0).getDate();
for (var i = 0; i < firstday; i++) {
htm+='<td></td>';
}
for (var d = 1; d <= max; d++){
htm+='<td>' + d + '</td>';
if(( (d+firstday) % 7 == 0) && d != max){
htm+='</tr><tr>';
}
}
var endday = (70 - max - firstday) % 7;
for (var i = 0; i < endday; i++) {
htm+='<td></td>';
}
htm += '</tr>';
htm+='</table>';
}
htm+='</div>'
return htm;
}