在FullCalendar中隐藏开始时间

Question

在FullCalendar上,在月视图中,有没有办法隐藏事件的开始时间？

Answer 1

只需添加日历选项即可

displayEventTime: false

Answer 2

将以下样式添加到您的CSS

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

或者在版本2+中:

.fc-time{
   display : none;
}

Answer 3

试试这个,它对我有用:

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

这应该隐藏标题事件中的开始时间.

Answer 4

以下内容仅在月视图中隐藏日期:

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

Answer 5

另一种方法是添加一个eventRender函数.这样您就可以选择不渲染时间,并执行其他操作,例如将一些数据附加到事件中.

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

Answer 6

要隐藏它们，以下方法应该起作用

$('#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";

Answer 7

提醒CSS类名已更改为

.fc-time {
    display:none;
}

Answer 8

我知道距离你问这个问题已经过去三个月了。但是，如果你和我正在尝试做同样的事情，那么其他人可能正在寻找答案。

在 fullcalendar.js 文件中，注释第 1603 行：

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

这不是修复，充其量只是一种黑客攻击，但它确实有效。