FullCalendar：自定義日曆

我需要幫助定製全日曆顯示。像改變邊框顏色，日曆背景，添加刪除月/日/周視圖或按鈕？

這是我要顯示日曆：

//$('#calendar').fullCalendar() 

var myCalendar = $('#calendar'); 
myCalendar.fullCalendar(); 

// Adding a Simple event 
var myEvent = { 
    title: "New Event Added", 
    allDay: true, 
    start: new Date(), 
    end: new Date() 
};   

myCalendar.fullCalendar('renderEvent', myEvent);

來源

2013-10-01 fireholster

你有fullcalendar.css編輯有.fc-header類，你可以編輯你的要求。

來源

2013-10-02 06:14:54 Sharvari

您應該避免直接編輯0，以便在下一個版本發佈時更新CSS。

要定製FullCalendar的外觀，請創建一個fullcalendar-custom.css文件，您可以使用該文件覆蓋特定的樣式。只是包括fullcalendar.css後這個地方自定義文件，即：

<link href="../fullcalendar/fullcalendar.css" rel="stylesheet"> 
<link href="../fullcalendar/fullcalendar-custom.css" rel="stylesheet">

找出你需要重寫什麼風格，你應該使用檢查元素在瀏覽器中找出哪些類需要進行修改。

初始化FullCalendar時，您可以刪除/修改「月/日/周」視圖按鈕。

例如，你可以這樣做：

myCalendar.fullCalendar({ 
    header: { 
     left: 'prev,next today title', 
     right: 'month,agendaDay' 
    } 
});

欲瞭解更多信息，請參閱header和available views的文檔。

來源

2013-10-02 19:53:46 nomatteus

你可以在JS這些線路

e.color = event.color; 
e.backgroudColor = event.backgroudColor; 
e.borderColor = event.borderColor; 
e.textColor = event.textColor;

所以，如果你想通過顏色代碼分開，你可以使用這個

start: new Date(y, m, d+1, 15, 0), 
end: new Date(y, m, d+1, 16, 45),                      
title: 'On vacations', 
color: '#777777', 
backgroundColor: '#eeeef0'

來源

2013-10-03 09:55:44 Sharvari

FullCalendar：自定義日曆

回答

相關問題