42

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

4

13 回答 13

69

只需添加到日历选项

displayEventTime: false
于 2015-10-18T17:52:43.823 回答
31

add the following style to your css

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

or in version 2+:

.fc-time{
   display : none;
}
于 2012-05-14T09:45:55.057 回答
23

试试这个，它对我有用：

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

那应该隐藏标题事件中的开始时间。

于 2016-10-10T16:00:57.160 回答
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";
于 2018-01-04T01:39:21.187 回答
11

以下仅在月视图中隐藏日期：

.fc-view-month .fc-event-time{
    display : none;
}
于 2012-09-06T11:06:47.147 回答
8

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

eventRender: function(event, element) { 
    element.find('.fc-event-title').append("<br/>" + event.location); 
    element.find('.fc-event-time').hide();
}
于 2013-03-13T04:12:33.630 回答
5

提醒 CSS 类名已更改为

.fc-time {
    display:none;
}
于 2014-12-29T02:13:33.760 回答
3

如果您完全想删除开始时间，可以使用以下代码

$('#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();
    }
});
于 2014-09-11T09:43:42.727 回答
2

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

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

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

这不是一个修复，充其量是一个黑客，但它有效。

于 2010-07-22T14:56:19.610 回答
2

According to http://fullcalendar.io/docs/text/timeFormat/ , you just need to set time format in fullCalendar settings:

$('#calendar').fullCalendar({
    events: [              
    ],
    timeFormat: ' '
});
于 2015-05-19T14:37:02.530 回答
0

尽管@Riz 在发布时是正确的，但 css 在最近的版本中发生了变化，现在您需要以下内容。

.fc-day-grid-event .fc-time{
    display:none;
}
于 2014-12-03T13:24:52.147 回答
0 
.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;
    }

还将隐藏左侧网格中的时间。

于 2015-12-18T11:07:43.647 回答
0

只需allDay: false,从您的 fullCalendar 功能中删除

于 2017-04-02T12:36:33.393 回答