Question

我正在尝试更改单击日期的背景色，并且它可以正常工作，但是现在我需要管理的是，唯一具有新背景色的是我单击的最后一个。

有办法控制吗？

日期点击事件

calendardateClick = (info) => {
    info.dayEl.style.backgroundColor = '#CAFFDC';
}

日历映射器

let calendar_mapper = {
        plugins : ['dayGrid','timeGrid','list','interaction'],
        header : {
            left : 'prev,next today',
            center : 'title',
            right : 'timeGridWeek, dayGridMonth, timeGridDay'
        },
        editable : false,
        allDaySlot : false,
        events : this.eventLIST,
        dateClick : this.calendardateClick
    }

Answer 1

与其直接设置样式，不如为每个单击的日期指定一个类（其规则是设置背景颜色）。然后，当单击另一个元素时，可以简单地使用$test = $envs.SelectNodes("//$envName")[0] ForEach ($ele in $test.ChildNodes) { Write-Host "$($ele.Name): $($ele.InnerText)" }查找具有该类的所有元素，然后将其从所有元素中删除，然后再将其添加到新元素中。

CSS：

document.querySelectorAll

JavaScript：

.selectedDate
{
  background-color: #CAFFDC !important;
}

演示：

https://codepen.io/ADyson82/pen/MWYpKeE

FullCalendar v4更改所选日期的颜色

1 个答案: