SOURCE

console 命令行工具 X clear

                    
>
console
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>值班</title>


<script>
function calendar(y,m){
//获取指定年份1月1日的星期数值
var w = new Date(y,m).getDay();
var html = '<div class="box">';

//拼接每个月份的表格
//for(m=1;m<=w;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>'

	//获取每个月份共有多少天
	var max = new Date(y,m,0).getDate();
	var guoqing = new Array("5.1", "5.2", "5.3", "5.4", "5.5", "10.1", "10.2", "10.3", "10.4", "10.5", "10.6", "10.7"); 
	
	var week = new Array("日", "一", "二", "三", "四", "五", "六");  
	var name = new Array("赵四", "王一", "刘二", "李三", "冯四", "杜五", "雷六", "马七","赵四2", "王一2", "刘二2", "李三2", "冯四2", "杜五2", "雷六2", "马七2"); 
	var name2 = new Array("待定", "待定", "待定", "待定", "待定", "待定", "待定"); 
	
	html += '<tr>';//开始<tr>标签
  
	for (d=1;d<=max;d++){
		//console.log(y+'/'+m+'/'+d);
		var week_num = new Date(y,m-1,d).getDay();
		/*if(m==10){
			for(d==1;d<11;d++){
			console.log(m + '.' + d);
			guoqing = m + '.' + d;
			}
		}*/
		//console.log('/'+ week_num +'/');
		if(week_num>0 && week_num<6 ){
			html += '<td class="td_gongzuori" name="' + y + '.' + m + '.' + d + '">' + d + '</td>';
			html += '<td class="td_gongzuori" name="'+ week_num + '">' + week[week_num] + '</td>';
			html += '<td class="td_gongzuori lingdao" name="leader_workday" id="' + m + '.' + d + '">' + name2[week_num] + 
			'</td><td class="td_gongzuori gzry" name="employee_workday">' + name2[week_num] + '</td><td class="td_gongzuori siji">' + name2[week_num] + '</td>';
			//console.log('/'+ name[week_num] +'/'); 
		}
		else if(week_num<1 || week_num>5 ){
			html += '<td class="td_zhoumo" name="' + y + '.' + m + '.' + d + '">' + d + '</td>';
			html += '<td class="td_zhoumo" name="'+ week_num + '">' + week[week_num] + '</td>';
			html += '<td class="td_zhoumo lingdao" name="leader_weekend" id="' + m + '.' + d + '">' +  name2[week_num] + 
			'</td><td class="td_zhoumo gzry" name="employee_weekend">' + name2[week_num] + '</td><td class="td_zhoumo siji">' + name2[week_num] + '</td>';
		}
		html += '</tr>';
	}
		
      //w = (w+1>6) ? 0 : w+1;
//}
  /**/
	html += '</table>';
 
	html += '</div>';

    if ([1, 2, 4, 5, 9, 10].includes(m)) {
    console.log(m);
    }

return html;
}
   var mydate = new Date();
   var year = mydate.getFullYear();
   var month = mydate.getMonth() + 1;
   //var year = parseInt(prompt('输入年份:','2022'));//制作弹窗
   //var month = parseInt(prompt('输入年份:','1'));//制作弹窗
   document.write(calendar(year,month));//调用函数生成指定年份的年历




</script>

</body>
</html>
   body{text-align:center;}
   .box{margin:0 auto;width:880px;}
   .title{background: #ccc;}
   table{height:200px;width:100%;font-size:12px;text-align:center;float:left;margin:10px;font-family:arial;}
.tdcss {
	border: 1px solid black;
	font-size: 15px;
}
.td_gongzuori {
	border: 0.5px solid black;
	font-size: 15px;
}
.td_zhoumo {
	border: 1px solid black;
	background: yellow;
	color: black;
    font-size: 15px;
}