console
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>值班</title>
<script>
function calendar(y,mm){
//获取指定年份1月1日的星期数值
var w = new Date(y,0).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,1));//调用函数生成指定年份的年历
</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 chocolate;
background: chocolate;
color: white;
font-size: 15px;
}