<html lang="en">
<head>
<meta charset="UTF-8">
<title>日历生成器</title>
<style>
table{
800px;
table-layout:fixed;
border-collapse:collapse;
}
table td{
padding:10px;
border:1px solid #333;
}
table tr:first-of-type{
background-color:pink;
}
</style>
</head>
<body>
<script>
/**
*生成日历
*@param int days 天数
*@param int week 1号是星期几
*/
function makeDate(days,week){
var html="<table>";
html+="<tr><td>星期日</td><td>星期一</td><td>星期二</td><td>星期三</td><td>星期四</td><td>星期五</td><td>星期六</td></tr>";
//计算日历的行数
var rows=(days+week)/7;//输出的行数
var day_number=1;//每月的几号
var content="";
//拼接内容
for(var i=0;i<=rows;i++){
html+="<tr>";
for(var j=0;j<7;j++){
//判断从星期几开始输入1号,有空格,第二行开始没空格
if((j>=week||i>0)&&day_number<=days){
content=day_number;
day_number++;
}
else{
content="";//不输出内容
}
html+="<td bgcolor='lightblue'>"+content+"</td>";
}
html+="</tr>";
}
html+="</table>";
document.write(html);
}
makeDate(31,5);
</script>
</body>
</html>