Question

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

问候.-

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个选项可以完成您想要的任务：

修改插件源。视图在BasicView.js中呈现。只需更改140行及以下的行，并“替换”td＆lt; - ＆gt; TR
写一些额外的代码来重新排序元素。编写一个小而简单的脚本，一旦将日历插入DOM就会调用它。该脚本必须按照您喜欢的顺序重建您的表。

Answer 2

Jarno 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解决了类似的问题。

eventRender方法在其API中描述：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
   }
});

fullcalendar将列更改为行

3 个答案: