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<=1;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>';

return html;
}

   //var year = parseInt(prompt('输入年份:','2022'));//制作弹窗
   //var month = parseInt(prompt('输入年份:','1'));//制作弹窗
   document.write(calendar(2022,10));//调用函数生成指定年份的年历
</script>

</head>
<body>
<button type="button" onclick="fillall (leader_weekend, leader_weekend_order)">领导--周末</button>
<button type="button" onclick="fillall (leader_workday, leader_workday_order)">领导--工作日</button>
<button type="button" onclick="fillall (employee_weekend, employee_weekend_order)">工作人员主班--周末</button>
<button type="button" onclick="fillall (employee_workday, employee_workday_order)">工作人员主班--工作日</button>
<button type="button" onclick="fillall (employee_backup_weekend, employee_backup_weekend_order)">工作人员副班--周末</button>
<button type="button" onclick="fillall (employee_backup_workday, employee_backup_workday_order)">工作人员副班--工作日</button>
<div>
	<p>元旦节:	1月
	<input type="text" οnkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " id="0101_start" value="1" style="width: 20px;">
	-<input type="text" οnkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " id="0101_end" value="3" style="width: 20px;">
	</p>
</div>
<div>
	<p>清明节:	4月
	<input type="text" οnkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " id="0405_start" value="4" style="width: 20px;">
	-<input type="text" οnkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " id="0405_end" value="6" style="width: 20px;">
	</p>
</div>
<div>
	<p>劳动节:	5月
	<input type="text" οnkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " id="0501_start" value="1" style="width: 20px;">
	-<input type="text" οnkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " id="0501_end" value="5" style="width: 20px;">
	</p>
</div>
<div>
	<p>国庆节:	10月
	<input type="text" οnkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " id="1001_start" value="1" style="width: 20px;">
	-<input type="text" οnkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " id="1001_end" value="7" style="width: 20px;">
	</p>
</div>
<div>
	<p>春节:
	<input type="text" οnkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " id="Lunar0101_month_start" value="2" style="width: 20px;">
	<input type="text" οnkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " id="Lunar0101_day_start" value="1" style="width: 20px;">
	-
	<input type="text" οnkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " id="Lunar0101_month_end" value="2" style="width: 20px;">
	<input type="text" οnkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " id="Lunar0101_day_end" value="7" style="width: 20px;">
	</p>
</div>
<script>
	var start1001 = document.getElementById('1001_start').value;
	//console.log(start1001);
	var end1001 = document.getElementById('1001_end').value;
	//console.log(end1001);

</script>
<script>
function fillall(arr, arr2) {

  var shang = Math.floor(arr2.length / arr.length);
  var yu = (arr2.length % arr.length);
  var a1len = arr.length;
  //console.log('shang=' +shang);
  for (var i = 0; i < shang; i++) {
    //console.log('i='+ i);
    for (var j = 0; j < arr.length; j++) {
      arr2[a1len * i + j].innerText = arr[j];
      //console.log(a1len*i+j);
    }
  }
  for (var k = 0; k < yu; k++) {
    //console.log(arr2.length);
    arr2[a1len * shang + k].innerText = arr[k];
  }
  /*
  console.log('yu=' + yu);
  for (var p = 0; p < arr2.length; p++) {
    console.log('p=' + arr2[p]);
  }
  //console.log('ok='+ arr2[19]);
	*/
}
var leader_weekend = ['一a', '二b', '三c'];
var leader_weekend_order = document.getElementsByName('leader_weekend');

var leader_workday = ['1啊', '2哦', '3呃', '4依', '5乌', '6鱼'];
var leader_workday_order = document.getElementsByName('leader_workday');


var employee_workday = document.getElementsByName('employee_workday');
var employee_weekend = document.getElementsByName('employee_weekend');

//fillall (leader_end, end2);
//fillall (leader_work, w2);

//var fuban = ['01啊', '02哦', '03呃','04依','05乌','06鱼'];
//fuban =  leader_work.slice(1);
//console.log(fuban.slice(1));
//工作人员副班获取顺序
//employee_backup_workday = employee_workday.slice(1).concat(employee_workday[0]);

//console.log(fuban);

/*
function fillall(yes) {
   console.log('arr=' + yes);
}

fillall(a1);
*/

</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;
}