如何使用FullCalendar悬停每一天?

问题描述

我有一个Reactjs FullCalendar,我想将鼠标悬停在当天的单元格上时,背景也会变成蓝色,该单元格的时间就会出现。

我尝试这个:

.fc-widget-content td:hover {
    background-color: blue; 
}

但是,我得到了:

enter image description here

https://i.stack.imgur.com/sCKOq.gif

但是,我想像这样每天独立地悬停每个单元格:

enter image description here

https://i.stack.imgur.com/v9FSh.gif

他的代码是:

<td onmouSEOver="highlightBG(this);" onmouSEOut="nohighlightBG(this);" style="color: transparent; height: 1.5em; text-align: right; padding-right: 2px; background-color: initial;"><span style="font-weight:900;">8:35</span></td>

function highlightBG(element) {                   
        element.style.backgroundColor = '#39b6f0';                   
        element.style.color = 'black';                 
}                  
function nohighlightBG(element) {                   
        element.style.backgroundColor = 'initial'; 
        element.style.color = 'transparent';                 
}

我该如何解决

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)