FullCalendar AllDaySlot replacement

Question

我在一个网络应用程序中使用FC来计划员工调动。我的用户添加了一个插槽，并将一名或多名员工分配到该插槽（或者他们自己做）。这很有魅力。

现在我被要求提供一个新功能——在每天的顶部放置一个"计数器"（basicWeek、agendaWeek、agendaDay应该有这个）。

此计数器应显示此日期计划的小时数以及其他类似信息。

我的问题是如何在THEAD中添加一个新的TR（每天一个），或者使用AllDaySlot，这是我视觉上想要的位置。目前，我使用下面的代码在agendaweek和basicweek的每一天的顶部添加了一个菜单，我试图在循环中添加一个占位符，但没有成功。

期待您对此的智能输入：D

if (view.name === 'agendaWeek' || view.name === 'basicWeek') {
                // Add the "dropdowns" to the day headers
                var $headers = $('.fc-widget-header.fc-sun, .fc-widget-header.fc-mon, .fc-widget-header.fc-tue, .fc-widget-header.fc-wed, .fc-widget-header.fc-thu, .fc-widget-header.fc-fri, .fc-widget-header.fc-sat, .fc-day-header.fc-sun, .fc-day-header.fc-mon, .fc-day-header.fc-tue, .fc-day-header.fc-wed, .fc-day-header.fc-thu, .fc-day-header.fc-fri, .fc-day-header.fc-sat');
                $headers.css('position', 'relative');
                $headers.each(
                    function(){
                        var _d = $(this).html().substring(4);
                        $(this).prepend("<div class='topdropdown' style='position: absolute; left: 0;' onmouseover='showDayMenu(""+ _d +"",this);'><span class='icon12 icomoon-icon-grid-view-2'></span></div>");
                        var _date = $(this).attr("class").match("fc-col[0-9]"));
                        //$(this).parent().find(".fc-widget-content").html("<div class='topcounter' style='position: absolute; left: 0;'>"+ _date +"</div>");
                    }
                );
            }

编辑2013-08-14：所以我尝试在THEAD中添加一个新的TR，结果是。。。不完全如预期：）我在THEAD中添加了一个新的TR，并插入了一个橙色边框的DIV作为占位符，但下面的行并没有"下移"——我真的被迫更改FC的CSS吗？http://img5.imageshack.us/img5/7743/31fv.png

真的希望你们中的一个知道答案：？

谨致问候，Mark

Answer 1

这不是这个问题的直接答案，而是我用来完成相同任务的变通方法：

在我的例子中，我返回了一个JSON数组，其中包含我想添加到fullCalendar的元素，包括开始时间-结束时间标题等，但需要在顶部显示每日小时值（在全天时段中更可取）。

我迭代了月份范围内的每一天，并向事件对象添加了一个新的数组对象，其中只有当天的总小时数和开始时间，以及一个公共属性，以区分这些每日计数器与实际事件。

当将事件呈现到日历中时，我将allDay设置为true并将其锁定，例如：

{ 'title': item.Summary, 'start': item.Start, 'allDay': true,'startEditable': false, 'description': 'Counter' }

项目。Summary是一个字符串，其中包含来自我的服务器的小时计数（"Hrs:[#]"）。

项。开始时间设置为计数器当天的午夜。

这使得它们不可拖拉，体积小，每天都处于最佳状态（自然，无论视野如何）。我首先用这些计数器对象填充数组对象，以确保它们在页面顶部呈现。

同样，这并不能直接解决你的问题，但它确实考虑到了你想要的结果。

（我只是花了几个小时来弄清楚/设置-第一个堆栈溢出帖子！）