2014-06-17 8 views
0

현재 프로젝트에 fullcalendar을 사용하고 있으며 캘린더에 나타나는 이벤트 제목의 서식을 지정하려고합니다. 이벤트가 시간이 지정된 경우는 다음과 같이 보입니다 있도록fullcalendar 이벤트 제목 및 날짜 형식

현재는 이벤트 제목 전에 시간을 배치합니다

을 : 나는 주위에이를 전환하려면 그것은이 llike 보일 것
4pm Event Title Here 

Event Title Here @ 4pm 

코어 js 파일을 해킹하지 않고도이 작업을 수행 할 수 있습니까? 나는 here를 보았지만 어떤 참고 문헌도 찾지 못하는 것 같습니다.

답변

1

사용이 (document.ready가 바람직하다) 어디 fullcalendar 호출 한 후 :

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 코어 파일에서 개별적으로 데이터를 가지고 (I가했다 '시작'및 '끝'을 원하는대로 지정하고 원하는 순서대로 호출 할 수 있습니다. Craig Thompson의 qTip2는 Adam Shaw의 fullcalendar와 잘 어울리 며 사용했습니다. 또한 버전 2.0.1이 출시되었습니다.

관련 문제