2020年3月20日 星期五

Fullcalendar 如何更改游標為手指

 Fullcalendar 行事曆套件蠻強大的,在許多案子上均有使用
但預設移至行事曆上游標是沒有手指符號的,其實Goggle行事曆也是沒有
不過真的要達到時,要如何處理呢?

測了很多,因為大多都是舊版的作法,新版 4.x 資訊很少
所以蠻多都無用途,不過有找到以下作法,加以調整後測試是可行的

照著下面加上後,就可以達到效果

.fc-today {
       cursor: pointer;
}
.fc-future:not(.fc-sat):not(.fc-sun) {
    cursor: pointer;
}
.fc-td-emptycell {
    pointer-events: none;
}
.fc-bgevent-skeleton {
    pointer-events: none;
}

.fc-bgevent-skeleton .fc-bgevent {
        pointer-events: auto;
}

.fc-content-skeleton {
    pointer-events: none;
}

 .fc-content-skeleton .fc-event {
        pointer-events: auto;
 }

記下來方便日後使用

參考資料:
https://stackoverflow.com/questions/58526184/fullcalendar-tooltip-not-working-correctly-when-events-rendering-option-is-equa