2012-01-18 83 views
0


我正在一个网页上的完整日历。目前,每个区块的布局是:更改完整的日历输出?

Time 
Title 
Description 

但我想标题先走然后时间。但是我无法找到任何可以在代码中进行此更改的地方。

$(document).ready(function() { 
    $("#cal").fullCalendar({ 
     header: { 
      left: 'prev,next', 
      right: 'month,agendaDay' 
     }, 
     aspectRatio: 2, 
     editable: false, 
     timeFormat: 'h:mmt{-h:mmt}', 
     eventTextColor: 'black', 
     eventBackgroundColor: '#FFFF77', 
     allDayDefault: false, 
     eventSources: [{ 
      url: 'path/to/fullcalendar', 
      color: 'green', 
      textColor: 'black' 
      }], 
     eventRender: function(event, element) { 
      element.find('.fc-event-title').html(event.title + "<br/>" + event.description).text(); 
     } 
    }); 
}); 

因此,任何人都可以帮我弄清楚我应该在哪里修改以更改标题和时间?
谢谢

+0

我在这里没有看到任何Java。 – 2012-01-18 21:35:06

+0

@PaulTomblin它是Java应用程序的一部分,所以我认为有人在java上工作过,可能会有经验。 – 2012-01-18 21:40:13

+0

请格式化代码,使其适合屏幕而不需要太多滚动。 – 2012-01-18 21:42:09

回答

3

eventRender的内部,您需要更改元素布局,以便标题之后。类似这样的:

eventRender : function(event, element) { 
    var time = element.find('.fc-event-time').detach(); 
    element.find('.fc-event-title').after(time); 
    ... any other code here ... 
} 
+0

嗨@patrickmcgraw谢谢你的建议。有用。但是,我发现这样做后,输出有点线了。在输出中,标题后面跟着一个''[Object object]'字符串......你知道这是怎么回事吗?谢谢 – 2012-01-18 22:43:01

+0

如果您检查HTML在哪里[Object object]字符串? – patrickmcgraw 2012-01-18 22:48:40

+0

该字符串与标题相关联。这里是我的代码的方式'eventRender:功能(事件,元素){ \t \t \t \t \t \t \t \t \t \t \t \t \t时间= element.find( 'FC-事件时间')分离() ; \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t element.find后(时间)( 'FC-事件标题。'); \t \t \t \t \t \t \t \t \t \t \t \t \t element.find( 'FC-事件标题')。HTML(event.title + “
”+时间+“
” + event.description)的.text (); \t \t \t \t \t \t \t \t \t \t \t \t}' – 2012-01-18 22:58:25