有没有办法使用fullcalendar.js以不同的模式显示不同的信息?

时间:2014-05-27 10:59:31

标签: jquery fullcalendar

想知道是否有办法在不同的fullcalendar模式下显示不同的信息

例如: 在每月模式中:标题:'简短标题',说明显示为工具提示。 每周模式:标题:'长标题'和描述显示在标题下?

2 个答案:

答案 0 :(得分:0)

在这里,您可以使用以下代码..在完整的日历..

{
  month: 'MMMM yyyy',                             // September 2009
  week: "MMM d[ yyyy]{ '—'[ MMM] d yyyy}", // Sep 7 - 13 2009
  day: 'dddd, MMM d, yyyy'                  // Tuesday, Sep 8, 2009
}

在这里,您可以在不同视图中以不同方式设置标题格式。

希望这是你的答案。

有关详细信息,您还可以阅读

http://arshaw.com/fullcalendar/docs/text/titleFormat/

答案 1 :(得分:0)

我实际上发现了一个类似的问题,并希望将该答案发布到我自己的问题中。 基本上,相反询问“不同模式”,我想我应该将其更改为“不同视图”,是的,fullcalendar支持不同视图的元素呈现,这里是使用eventAfterRender并在日常视图中放置条件的示例

$('#calendar').fullCalendar({
    eventRender: function (event, element) { ... },
    viewRender: function (view, element) { ... }, 
    eventAfterAllRender: function (view) {
        if ($('.fc-basicDay-view').length > 0) {
            $('.cl').each(function (i, item) {
                var title = item.title;
                item.innerText = item.innerText + ' - ' + item.title;
                $(this).css('font-size', '14px');
            });
        }
    }
});

归功于以下帖子: FullCalendar - Changing the text in the basicDay view