2014-10-13 2 views
1

agendaWeek보기에서 fullcalendar를 사용하고 있습니다. 한 슬롯에있는 이벤트가 30 분이라고 말하면 엔드 시간을 표시하지 않습니다. 엔드 타임은 두 개 이상의 슬롯을 다루는 이벤트에서만 나타납니다. 발견 한 모든 옵션은 이벤트 제목에 추가하지 않았습니다.fullcalendar 단일 슬롯 이벤트 종료 시간

그럴 수도 있고 방금 보지 못했습니까? 제안 해 주셔서 감사합니다.

편집 : 이것은 내가 언급 한 도구입니다. http://fullcalendar.io/

+0

당신은 fullcalendar의 API 봤어? 나는 당신이 루비 보석에 대해 이야기하고 있다고 가정하고 있니? –

+0

안녕 매트, 나는 내가 그 정보를 놓친 것을 알아 차리지 못했다 :) 고마워! 나는 원래의 포스트에 대한 링크를 추가했다 – dependent

+0

나는 같은 이슈를 가지고있다 .Pls는 나를 도와 준다. .. 나는 시작 시간이있다 : 10 : 30am. 그러나 주 : 10시 30 분에서 12시 30 분을 보여줍니다. – IMRUP

답변

3

renderEventTable 함수에는 이벤트가 30px보다 작 으면 css 클래스가 추가되는 조건이 있습니다.

if (seg.bottom - seg.top < 30) { 
    seg.el.addClass('fc-short'); 
} 

기본적으로 .fc-short의 CSS 스타일을 편집 할 수 있습니다.

fc-time-grid-event.fc-short .fc-time span { 
    display: none; /* don't display the full time text... */ 
} 

.fc-time-grid-event.fc-short .fc-time:before { 
    content: attr(data-start); /* ...instead, display only the start time */ 
} 

.fc-time-grid-event.fc-short .fc-time:after { 
    content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */ 
} 
0

해결 방법은 간단히 css를 추가하는 것이 었습니다. 보여 [시작 시간]됩니다 하는 - [종료 시간] [제목]

.fc-time-grid-event.fc-short .fc-time:before { 
     content: attr(data-full); /* ...instead, display only the start time */ 
    }