[Javascript] 筆記一下 FullCalendar 切換到週模式下,更改樣式

2020-11-23


最近朋友有問這問題,後來幫忙解決了,就筆記一下,FullCalendar 在手機的閱覽下,月顯示跟日顯示都正常,但是在 safari 下會出現擠壓,但是在Chrome 下正常,如果是 MacOS 的 Safari 也是正常

iOS - Safari 下 長這樣




想來想去,就只能在"週顯示" 的時候去改規格,原本想直接用奇技淫巧在 JS render 後透過 style 去改,但是其實後來查一下規格,是可以直接在 init 的時候指定樣式,這邊分享一下,我修改的 code,只針對週顯示去處理。



修改後結果



因為有點小雷,想說紀錄一下給有碰到的人..

reference:

https://fullcalendar.io/docs/v4/columnHeaderText


當麻許的超技八 2014 | Donma Hsu Design.