Question

我目前正在使用fullcalendar 作为项目，并希望格式化日历上显示的事件的标题。

目前，如果某个事件指定了时间，则会将时间放在事件标题之前，因此它看起来像这样：

4pm Event Title Here

我想切换它并让它看起来像这样：

Event Title Here @ 4pm

这可能不会破解核心js文件吗？我确实看了here，但似乎无法找到任何参考。

Answer 1

在任何地方调用fullcalendar之后使用此文件（document.ready更可取）：

eventClick: function(data, event, view) {
        var first = $.fullCalendar.formatDate(data.start, "dddd, MMM yyyy @ HH:mmtt");
                    var second = $.fullCalendar.formatDate(data.end, "dddd, MMM yyyy @ HH:mmtt");
        var title = '<h5 style="margin:0;padding:0;">'+data.title+'</h5>'; 
        var content = '<p style="margin:0;padding:2px;"><b>Start:</b> '+first+'<br />' + 
            (second && '<p style="margin:0;padding:2px;"><b>End:</b> '+second+'</p>' || '') + 
            (data.description && '<p style="margin:0;padding:2px;"><b>What:</b> '+data.description+'</p>' || '') + 
            (data.location && '<p style="margin:0;padding:2px;"><b>Where:</b> '+data.location+'</p>' || '');
        tooltip.set({
            'content.title': title,
            'content.text': content
        }).reposition(event).show(event);
    },

你基本上从fullcalendar核心文件中获取数据，为每个数据分配变量，如果你愿意，可以合并（我为＆＃39;开始＆＃39;和＃39;结束＆＃39;因为我希望显示在＆＃34;何时：＆＃34;在我的网站上），然后以任何你想要的顺序打电话给他们。我使用了Craig Thompson的qTip2，因为它与Adam Shaw的完整日历完美搭配。此外，版本2.0.1已经发布。

fullcalendar事件标题和日期格式

1 个答案: