2016-07-05 44 views
1

TL; DR:我想在綠色細胞光標灰色細胞如何改變光標Fullcalendar列

我建立其使用的應用程序禁用一個光標指針 Fullcalendar我面臨一個我無法解決的問題:
我嘗試直接在單元格上修改遊標(不是事件) 我試圖以«.fc-future»,«.fc-today»和«爲目標。 FC-過去»fullcalendar類,並應用像「遊標:指針」或「遊標:不允許」的樣式,但沒有任何成功。

這裏是我有什麼截圖:

enter image description here

有誰知道我可以改變列光標?
感謝您的幫助!

我的項目

  • Fullcalendar 2.8.0

回答

0

感謝您的快速回復!

我無法弄清楚如何在你的文章中解釋過。 所以我找到了一個解決方法。
在Fullcalendar,我添加了一個背景事件對象:

{ 
    start: moment().startOf('isoWeek'), # beginning of week 
    end: moment().utc().endOf('day'), # end of current day 
    rendering: 'background', 
    className: 'disabled-cell' 
} 

這種「假事件」禁止從周初整天,直到當天結束。

對於光標,我創建一個CSS類:

// Sass code 
.disabled-cell 
    background-color: gray 
    opacity: 1 
    &:hover 
    cursor: not-allowed 

.fc-view 
    td 
    cursor: pointer 
0

<div class="fc-scroller-canvas">包含兩個div S,一個與fc-content類,另一個fc-bg類。您正在爲fc-bg中的元素設置背景。爲fc-bg中的相同元素設置cursor CSS屬性。

然後,爲了通過fc-content顯示光標,您需要爲fc-content div設置pointer-events: none;。這將使其對鼠標指針變得透明,以便您可以鼠標懸停或單擊底層的div中的元素。這意味着你將能夠看到你需要的光標。

顯然這可能會禁用您可能需要的某些功能,因此您需要在需要的事件上設置回pointer-events: auto;,比如事件本身(例如,如果您對eventClick執行任何操作)。