在FullCalendar中隱藏開始時間

Question

在FullCalendar上，在月視圖中，是否有隱藏事件開始時間的方法？

Answer 1

我知道你問這個問題已經三個月了。但是，如果你和我試圖做同樣的事情，那麼別人可能會尋找答案。

在fullcalendar.js文件，註釋行1603：

htmlEscape(formatDates(event.start, event.end, view.option('timeFormat'), options)) + 

這不是一個解決方法，充其量是一個黑客，但它的作品。

Answer 2

以下樣式添加到您的CSS

.fc-event-time{ 
    display : none; 
} 

或版本2+：

.fc-time{ 
    display : none; 
} 

Answer 3

下隱藏僅在月視圖日期：

.fc-view-month .fc-event-time{ 
    display : none; 
} 

Answer 4

另一個方法是添加一個eventRender函數。這樣，您可以選擇不渲染時間，並執行其他操作，例如將一些數據附加到事件。

eventRender: function(event, element) { 
    element.find('.fc-event-title').append("<br/>" + event.location); 
    element.find('.fc-event-time').hide(); 
} 

Answer 5

如果你完全要刪除的開始時間，你可以使用下面的代碼

$('#calendar-canvas').fullCalendar({ 
    header: { 
     left: 'today prev,next title', 
     right: 'agendaDay,agendaWeek,month' 
    }, 
    firstDay: 1, 
    eventRender: function(event, element) { 
     $(element).find(".fc-event-time").remove(); 
    } 
}); 

Answer 6

雖然@Riz在發佈時是正確的，這個css在最近版本的改變，現在你需要以下。

.fc-day-grid-event .fc-time{ 
    display:none; 
} 

Answer 7

提醒的是，CSS類名稱已更改爲

.fc-time { 
    display:none; 
} 

Answer 8

據http://fullcalendar.io/docs/text/timeFormat/，你只需要設置時間格式fullCalendar設置：

$('#calendar').fullCalendar({ 
    events: [    
    ], 
    timeFormat: ' ' 
}); 

Answer 9

只需添加到日曆選項

displayEventTime: false 

Answer 10

.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event .fc-time{ 
     display: none !important; 
    } 

以上代碼將在所有視圖中更正它。下面

代碼有一個流，顯示事件的大視圖時

.fc-time-grid-event.fc-short .fc-time{ 
      display: none !important; 
     } 

請使用此代碼，CSS只從事件隱藏的時間。

只使用

.fc-time{ 
     display: none !important; 
    } 

也將隱藏在左格的時間。

Answer 11

試試這個，它爲我工作：

$('#calendar').fullCalendar({ 
    displayEventTime : false 
}); 

這應該隱藏在標題事件的開始時間。

Answer 12

只需從fullCalendar功能刪除allDay: false,

Answer 13

要隱藏所有這些，下面應該工作

$('#calendar').fullCalendar({ 
displayEventTime : false 
}); 

但是，如果你（像我）試圖隱藏特定事件的時間，我發現很乾淨的方式。

只需創建以下CSS類，並指它在事件屬性「的className」：

.hideCalendarTime > div > span.fc-time{ 
    display:none; 
} 

而且您的活動應該是這個樣子：

var newEvent = new Object(); 
newEvent.title = "Something"; 
newEvent.start = new Date(); 
newEvent.allDay = false; 
newEvent.className = "hideCalendarTime";