在javascript中勾选工作日的复选框

Question

我需要打印具有 3 个名称的复选框。

Person1、Person2、Person3。

Person1 复选框应在星期一选中，person2 在星期二选中，person3 在星期三选中，然后 person 1 在星期四再次选中，就像它应该遵循的那样。是否有任何示例代码可用于完成此操作？

Answer 1

类似的东西。

更好的算法是可能的

const start = new Date(2021, 0, 18, 15, 0, 0); // change to 25th when tested
const now = new Date();
now.setHours(15, 0, 0, 0)
const aDay = 24 * 60 * 60 * 1000;
let day;
let person = 0
for (let i = start.getTime(), n = now.getTime(); i <= n; i += aDay) {
  day = new Date(i).getDay()
  if (day!==0 && day !== 6) {
    person++  
    if (person>3) person=1    
  }  
}
if (person>3) person=1;
document.querySelectorAll("#persons .person")[person].checked = true;

<div id="persons">
  1. <input type="checkbox" class="person" name="person1" /><br/> 
  2. <input type="checkbox" class="person" name="person2" /><br/> 
  3. <input type="checkbox" class="person" name="person3" /><br/>
</div>

Answer 2

这将使其每周轮换，但正如我所提到的，我建议在后端以某种方式对其进行跟踪，因此它不是超级静态的，而是烧录在代码中的。

let day = new Date().getDay();
let now = new Date();
let onejan = new Date(now.getFullYear(), 0, 1);
let week = Math.ceil( (((now.getTime() - onejan.getTime()) / 86400000) + onejan.getDay() + 1) / 7 );

let rotationFlag = week % 3;
let firstPerson = 0;

if(rotationFlag === 1) {
  firstPerson = 1;
} else if (rotationFlag === 2) {
  firstPerson = 2;
} else {
  firstPerson = 3;
}

if(day === 1 | day === 4) {
  document.getElementById("person" + firstPerson).checked = true;
} else if(day === 2) {
  document.getElementById("person" + firstPerson + 1).checked = true;
} else {
  document.getElementById("person" + firstPerson + 2).checked = true;
}

<input type="radio" name="person" id="person1" />
<label for="person1">person1</label>
<br>

<input type="radio" name="person" id="person2" />
<label for="person2">person2</label>
<br>

<input type="radio" name="person" id="person3" />
<label for="person3">person3</label>
<br>