fullcalendar：如何为每天添加所有事件的总持续时间

本文介绍了fullcalendar：如何为每天添加所有事件的总持续时间的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我已经注意到这个问题被问了几次，但没有真正的正确答案或良好的反馈来指引正确的道路。

我正在使用 javascript plugin并尝试为每天添加多个活动的总小时数，然后我将在页眉或页脚中显示总和每一天。

我已经尝试了很多不同的方法来完成这个任务，但是最接近我的结果的是这个代码：

  eventAfterRender：function（event，element，view）{
 $ b $ if（event.totalhrs> 0）{
 var sd = event.startdate; 
 
 if（dateTotal.hasOwnProperty（sd））{
 dateTotal [event.startdate] =（dateTotal [event.startdate] + + event.totalhrs）; 
} else {
 dateTotal [event.startdate] = +（event.totalhrs）; 
 
 
 $（。fc-day-top [data-date ='+ event.startdate +'）。find（'。fc-dailytotal'）.text （dateTotal [event.startdate]）; 
} 
 
}

这适用于日历呈现这是第一次，但如果发生事件变化，它将不断增加错误地显示非常高的值的总数。我明白为什么它不正确地添加总数（dateTotal [event.startdate] + + event.totalhrs），但我希望有人能帮助指导我以正确的方向完成正确的结果。

感谢任何反馈/帮助。

viewRender：function（view，element）{ $ .each（$（.fc-day-top），function（key，val）{ var dateYMD = $（this）.attr（data-date）; $（this）.append（< div class ='fc-dailytotal'id ='dailytotal - + dateYMD +'>< / div>）; }）; }， eventRender：function（event，element，view）{ $（。fc-dailytotal）。text（0）; //清除总金额 }， eventAfterRender：function（event，element，view）{ var current_day = moment（event.start）.format（YYYY-MM -DD）; if（event.totalhrs> 0）{ var prev = $（＃dailytotal - + currentday）.text（）|| 0; $（＃dailytotal - + currentday）.text（+ prev + + event.totalhrs）; code $ b您可以使用此方法计算每周总计为好。I have noticed this question asked a few times but with no actual correct answer or good feedback to direct in the right path. I am using fullcalendar javascript plugin and trying to add the total hours of multiple events for each day which then I will display the sum in the header or footer of each day. I have tried many different ways to accomplish this but the closest I got to my result is with this code: eventAfterRender: function(event, element, view) { if (event.totalhrs > 0) { var sd = event.startdate; if (dateTotal.hasOwnProperty(sd)) { dateTotal[event.startdate] = (dateTotal[event.startdate] + +event.totalhrs); } else { dateTotal[event.startdate] = +(event.totalhrs); } $(".fc-day-top[data-date='"+event.startdate+"']").find('.fc-dailytotal').text(dateTotal[event.startdate]); } } This works when the calendar is rendered for the first time, but if there is an event change, it will keep adding the totals incorrectly showing very high values. I understand why its adding the totals incorrectly (dateTotal[event.startdate] + +event.totalhrs) but I am hoping someone can help direct me in the right direction to accomplish the correct result. Appreciate any feedback/help. 解决方案 I figured out an alternative way to make this work without an Array of dates holding the sum for each day. I hope this helps anyone that has been searching as long as I have. Keep in mind, this example is only for the month view... there's a few tweaks to make it work for week/day view. Also, the event must have a total hours object which is used to sum the total. You will see this below as event.totalhrs viewRender: function(view, element) { $.each($(".fc-day-top"), function(key, val) { var dateYMD = $(this).attr("data-date"); $(this).append("<div class='fc-dailytotal' id='dailytotal-"+dateYMD+"'></div>"); }); }, eventRender: function(event, element, view) { $(".fc-dailytotal").text(0); //Clear total sum }, eventAfterRender: function(event, element, view) { var currentday = moment(event.start).format("YYYY-MM-DD"); if (event.totalhrs > 0) { var prev = $("#dailytotal-"+currentday).text() || 0; $("#dailytotal-"+currentday).text(+prev + +event.totalhrs); } } You can use this method to calculate a weekly total as well. 这篇关于fullcalendar：如何为每天添加所有事件的总持续时间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！