console
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>值班</title>
<script>
function calendar(y,m){
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>';
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>';
for (d=1;d<=max;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;
}
}
html += '</table>';
html += '</div>';
return html;
}
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;
var end1001 = document.getElementById('1001_end').value;
</script>
<script>
function fillall(arr, arr2) {
var shang = Math.floor(arr2.length / arr.length);
var yu = (arr2.length % arr.length);
var a1len = arr.length;
for (var i = 0; i < shang; i++) {
for (var j = 0; j < arr.length; j++) {
arr2[a1len * i + j].innerText = arr[j];
}
}
for (var k = 0; k < yu; k++) {
arr2[a1len * shang + k].innerText = arr[k];
}
}
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');
</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;
}