Javascript Fullcalendar显示每天的事件数

Javascript Fullcalendar显示每天的事件数,javascript,php,jquery,events,fullcalendar,Javascript,Php,Jquery,Events,Fullcalendar,我正在使用FullCalendar,我想在每天的所有视图中显示每天的事件数 例如: <div class="fc-day-number">1</div> 1 改为: <div class="fc-day-count">X</div> <div class="fc-day-number">1</div> X 1. 请查找屏幕截图作为示例: 提前感谢月视图中的示例事件日期变量给出计数 eventRender: fun

我正在使用FullCalendar,我想在每天的所有视图中显示每天的事件数

例如:

<div class="fc-day-number">1</div>
1
改为:

<div class="fc-day-count">X</div>
<div class="fc-day-number">1</div>
X
1.
请查找屏幕截图作为示例:


提前感谢

月视图中的示例事件日期变量给出计数

 eventRender: function (event, element, view) { 
 $(element).each(function () { $(this).addClass('dateClass-' + event.start.getDate().toString()); $(this).attr('date-num', event.start.getDate().toString()); });
                   if (view.name == "month") {
                       // $('.shifts,.tasks,.shiftOut,.shiftIn').hide();
                       var CellDates = [];
                       var EventDates = [];
                       var EventCount = 0, i = 0;

                       $('.fc-view-month').find('.fc-day-number').each(function () {
                           CellDates[i] = $(this).text();
                           //                           alert( $(this).text());
                           i++;
                       });

                       for (j = 0; j < CellDates.length; j++) {

                           EventsPerDay = $(".fc-view-month>div>.dateClass-" + CellDates[j]).length;}}
eventRender:function(事件、元素、视图){
$(元素).each(函数(){$(this).addClass('dateClass-'+event.start.getDate().toString());$(this.attr('date-num',event.start.getDate().toString());});
如果(view.name==“月”){
//$('.shift、.tasks、.shiftOut、.shiftIn').hide();
var-CellDates=[];
var EventDates=[];
var-EventCount=0,i=0;
$('.fc view month')。查找('.fc day number')。每个(函数(){
CellDates[i]=$(this.text();
//警报($(this.text());
i++;
});
对于(j=0;jdiv>.dateClass-”+CellDates[j]).length;}}

我在名为

函数fetchEventSource(source,fetchID)

    function fetchEventSource(source, fetchID) {
    _fetchEventSource(source, function(events) {
        if (fetchID == currentFetchID) {
            if (events) {

                if (options.eventDataTransform) {
                    events = $.map(events, options.eventDataTransform);
                }
                if (source.eventDataTransform) {
                    events = $.map(events, source.eventDataTransform);
                }
                // TODO: this technique is not ideal for static array event sources.
                //  For arrays, we'll want to process all events right in the beginning, then never again.

                for (var i=0; i<events.length; i++) {
                    events[i].source = source;
                    normalizeEvent(events[i]);
                }
                cache = cache.concat(events);
            }
            pendingSourceCnt--;
            if (!pendingSourceCnt) {
                reportEvents(cache);
            }
        }

        // add this next line here to dump the running count
        $("#someElement").html("There are " + cache.length + " events scheduled for this view");
    });
}
函数fetchEventSource(source,fetchID){
_fetchEventSource(源、函数(事件){
if(fetchID==currentFetchID){
如果(事件){
if(options.eventDataTransform){
events=$.map(events,options.eventDataTransform);
}
if(source.eventDataTransform){
events=$.map(events,source.eventDataTransform);
}
//TODO:这种技术对于静态数组事件源并不理想。
//对于数组,我们希望一开始就处理所有事件,然后再也不处理。

对于(var i=0;i我希望这对某人有所帮助,但不知道这是否是您正在寻找的确切答案

要获取一天中发生的事件数,可以使用以下代码:

$('#calendar').fullCalendar( 'clientEvents', function(eventObj){
    if (eventObj.start.isSame('2014-11-21')) {
        return true;
    } else {
        return false;
    }
}).length;
根据fullcalendar文档,您可以使用筛选功能搜索事件


函数中的if语句比较fullcalendar 2.0中包含的日期。您能否详细说明一下。这个问题太模糊了。您好,感谢您的回复,请找到一个屏幕截图链接,例如:您使用的是什么技术?JSP?仅javascript?您可以使用所使用的技术在问题上设置标记。这样,更多具有正确技能的人会发现并回答您的问题。但是通过链接,现在功能方面已经非常清楚了。:/1我只需添加标记,我使用Javascript、Jquery和phpid还想知道如何在day视图中的每个单元格中不显示任何事件,而不是显示事件本身(这是默认设置)我正在从aax sourceHi加载事件,谢谢你的回答,但是这需要大量的ressource(CPU)处理,一个月内有超过800个事件。因此,我编辑了我的php脚本,并在json源文件中传递了每天的事件数。这正是我想要的。我更改了
.isSame()
到一个简单的
=
来比较每个事件的时刻年份和当前显示的年份,快速计算listYear视图中显示的事件数。@Itna很高兴这有帮助,我为此经历了很多痛苦。