2017-08-16 92 views
0

我現在有一個我日曆設置的問題。我想要在第一行的時間在AgendaWeek視圖和AgendaDay視圖中展開一些,但我無法在fullcalendar.css中找到相應的css代碼。有人能幫我嗎? enter image description hereFullCalendar議程周/議程日視圖,時間行的寬度

+0

如何使用slotWidth – krisph

+0

@krisph:謝謝你的迴應。但是,當我將「slotWidth:20」放入代碼時,它根本不會改變 – Minalinskey

+0

@krisph slotWidth特定於調度程序插件中的時間軸視圖。它會影響實際事件時隙的寬度,而不是左側列。它不適用於議程意見。仔細閱讀文檔。 – ADyson

回答

1

通過檢查我的日曆我可以看到在左側列顯示的每個時間爲以下代碼的來源:

<td class="fc-axis fc-time fc-widget-content" style="width: 55px;"> 
    <span>12:35am</span> 
</td> 

寬度似乎直列設置。據推測,這是通過fullCalendar中的一些代碼完成的。

你可以在CSS中覆蓋它,但是你也需要在列中移動所有其他的<td>s,而不是所有具有相同組合的類。

幸運的是,它們都具有相同的根類 - .fc-axis。因此,如果您將此添加到CSS的末尾,它應該非常愉快地爲您調整寬度。

.fc-axis { width: 100px !important;} 

話雖如此,當心固定寬度的,如果你調整它,或調整瀏覽器窗口fullCalendar將如何反應,這取決於你是否已經給自己的日曆一個固定的寬度/高度,或與的aspectRatio搞砸設置。

+1

省長。非常感謝。 – Minalinskey

+0

沒問題,樂意幫忙。我希望你的用戶像明亮的橙色! :-P – ADyson

相關問題