weekview全日历中的每行一个事件
weekview全日历中的每行一个事件
提问于 2016-01-12 19:22:01
我正在使用完整的日历作为计划工具。为了清楚地了解每个人都在做什么，我希望在新行上显示每个事件(fc- event -container)，而不是像这样。
目前：FullCalendar weekview example1
我希望新事件显示在一个带有间隔的新<tr>中，就像它在FullCalendar does <td/> example1中的底部一样。
我希望是这样的：FullCalendar weekview example2
我在浏览器中像这样破解了它：
<tr>
<td></td>
<td></td>
<td></td>
<td class="fc-event-container" colspan="2">
<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end">
<div class="fc-content">
<span class="fc-time">00</span>
<span class="fc-title">Dirk Blaauw - asdfg</span>
</div>
</a>
</td>
</tr>对于第一个示例中的最低事件，这已经由这个fullcalendar.js函数自动完成了，我相信：
类型:函数(renderFill，segs，className)
有没有人可以帮我把每个事件放在一个新的TR上，同时仍然保持正确的间距？
仅供参考:以下是我们使用的选项和数据：
$(document).ready(function() {
$('#calendarWeek').fullCalendar({
defaultView: 'basicWeek',
weekends: false,
events:[ <?php foreach($cal_data as $c): ?>
{
title: '<?php echo $c['assigned_to'] . ' - ' . $c['activity'];?>',
start: '<?php echo $c['start'];?>',
end: '<?php echo $c['end'];?>T23:59:00'
},
<?php endforeach;?>
]
});
});回答 1
Stack Overflow用户
发布于 2016-01-14 16:41:56
fullcalendar.js中的以下函数确保如果匹配，两个事件将打印在同一行中。
function isDaySegCollision(seg, otherSegs){
logic
}确保两个条件都返回true。
这有点花里胡哨，但我不知道如何做得更好。这可能对其他完整日历用户有帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34742345
复制相关文章
相似问题
腾讯云开发者
