2017-12-01 3 views
-1

전체 일정으로 이벤트를 편집 할 수 있습니까? 지금은 이벤트에 대한 텍스트 만 볼 수는 있지만 사진을 가져 오는 것이므로 이름, 직업, 날짜가 있어야합니다. 나는 앞에 추가 jQuery를 통해 편집하려고, 그래서 나는 전체 일정 이벤트 렌더, jQuery

$(element).find('.fc-title').prepend('<div class="example" ></div>'); 

을 썼다 내가 그것으로 이벤트를 드래그하면 거기에서 날짜를 제거하고

답변

1

당신은 eventRender: function(event, element) {를 사용할 필요가 이벤트 DIV 내부를 표시해야합니다 기능. 여기

element.find('.fc-title').html(); 

가 추가 된 HTML을 이미지를 추가하거나 렌더링 할 수 있습니다 : 그럼 당신은 같은 제목 HTML을 수정/액세스 할 수 있습니다.

같은 일정에 추가됩니다

$('.calendar').fullCalendar({ 
    weekends: false, 
    eventRender: function(event, element) { 
     element.find('.fc-title').html('<div class="example"></div>'); 
    } 
}); 
+0

나는 이것을 사용했지만 ok를 사용했지만 이벤트를 삭제할 때 셀을 확장해야하므로 이벤트의 절반 만 표시하는 날짜 때문에 이벤트 자체가 포함 된 모든 것을 표시해야합니다. – Jack1999

+0

:'contentHeight : '자동', '을 달력 설정에 적용합니다. 그걸 해결하는 데 도움이 될지 모르지만, 확실하지 않습니다. – SWC

0
당신은 '.fc 제목'

에 대한 CSS를 업데이트해야합니다

다음 중 하나를

element.find('.fc-title').css({ 'white-space:': 'normal !important' });

또는 CSS :

.fc-title { white-space: normal !important; }