Блог

В настоящее время я использую fullcalendar для проекта и хотел бы отформатировать заголовок событий, отображаемых в календаре.

В настоящее время, если у события указано время, оно помещает время перед заголовком события, поэтому оно выглядит примерно так:

 4pm Event Title Here
  

Я хотел бы изменить это и сделать так, чтобы оно выглядело примерно так:

 Event Title Here @ 4pm
  

Возможно ли это без взлома основного файла js? Я посмотрел здесь, но, похоже, не могу найти ни одной ссылки.

Используйте это после вызова 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 amp;amp; '<p style="margin:0;padding:2px;"><b>End:</b> ' second '</p>' || '')   
            (data.description amp;amp; '<p style="margin:0;padding:2px;"><b>What:</b> ' data.description '</p>' || '')   
            (data.location amp;amp; '<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, присваиваете каждому переменные, объединяете, если хотите (я сделал для «start» и «end», как я хотел, чтобы они отображались после «When:» на моем сайте), затем вызываете их в любом порядке, который вы хотите. Я использовал qTip2 Крейга Томпсона, поскольку он хорошо сочетается с полным календарем Адама Шоу. Кроме того, версия 2.0.1 отсутствует.