fullcalendar将列更改为行

Question

有一种方法可以更改fullcalendar的显示以显示垂直轴上的日期（星期日，星期一...）和水平轴上的时间，我必须显示该方式我的客户。

Regards.-

Answer 1

没有指定的方式来做到这一点。但你可以自己做。

Fullcalendar示意图如图表的结构如下：

<tr class="fc-week0 fc-first" style=""> 
    <td class="fc-sun fc-widget-content fc-day0 fc-first fc-other-month">…</td> 
    <td class="fc-mon fc-widget-content fc-day1 fc-other-month">…</td> 

正如你可以看到有一排每个弱，并且每一天的细胞。

您有2个选项来完成你想要的东西：

1. 修改插件的源。该视图呈现在BasicView.js中。只需更改140行及以下的行，然后“替换”td < - > tr。

2. 编写一些额外的代码重新排列元素。编写一个小而简单的脚本，只要将日历插入到DOM中，脚本就会被调用。该脚本必须按照您喜欢的顺序重建您的表格。

Answer 2

雅诺Kurlin已经分叉的资源管理的水平Fullcalendar观点：

https://github.com/jarnokurlin/fullcalendar

基于这个老链接： http://tux.fi/~jarnok/fullcalendar-resourceviews/

它不会在水平轴上显示时间详细，但您可以更轻松地调整它以使其符合您的要求。

Answer 3

重写eventRender方法，您可以使FullCalendar事件以几乎任何您选择的方式显示。问题How to adjust width and position of events in jQuery Full Calendar in week-view and day view解决了类似的问题。 http://arshaw.com/fullcalendar/docs/event_rendering/eventRender/

如果你需要它，你也可以用自己的方法eventAfterRender：http://arshaw.com/fullcalendar/docs/event_rendering/eventAfterRender/

var $yourCalendar = $('#calendarId'); 
$yourCalendar.fullCalendar({ 
    events[//your events 
    ], 
    eventRender: function(event, element, view) { 
    // Reposition your element here 
    }, 
    eventAfterRender: function(event, element, view) { 
    // Make minor post-rendering corrections to your element here 
    } 
});