在datePicker中禁用单元格并更改其颜色

<input type="date" id="myDatePicker">

var datePicker = document.getElementById("myDatePicker");
datePicker.disabled = true;

.disabled-cell {
  background-color: lightgray;
}

datePicker.addEventListener("change", function() {
  var selectedDate = datePicker.value;
  var disabledCells = document.querySelectorAll(".disabled-cell");
  
  // 移除之前添加的CSS类
  disabledCells.forEach(function(cell) {
    cell.classList.remove("disabled-cell");
  });
  
  // 根据选择的日期禁用相应的单元格
  // 例如，禁用所有大于选择日期的单元格
  var cells = document.querySelectorAll("td");
  cells.forEach(function(cell) {
    if (cell.dataset.date > selectedDate) {
      cell.classList.add("disabled-cell");
    }
  });
});