Javascript Fullcalendar如何在DayCell中显示html元素?

Javascript Fullcalendar如何在DayCell中显示html元素?,javascript,jquery,fullcalendar,Javascript,Jquery,Fullcalendar,您好,我正在尝试在daycell中显示html元素,但没有成功,但我无法在日历旁边显示它。如何在daycell中显示它?我使用的是2.1.1版本 Javascript dayClick: function(date, view ,calEvent, jsEvent) { $(this).css('background-color', '#DDDDDD'); /*calEvent.start=moment

您好,我正在尝试在daycell中显示html元素,但没有成功,但我无法在日历旁边显示它。如何在daycell中显示它?我使用的是2.1.1版本

Javascript

dayClick: function(date, view ,calEvent, jsEvent) {
                $(this).css('background-color', '#DDDDDD');               
                /*calEvent.start=moment(calEvent.start).format('YYYY/MM/DD hh:mm');
                calEvent.end=moment(calEvent.end).format('YYYY/MM/DD hh:mm');*/                
                $('#myResults').html("10/5");
            },
HTML


尝试eventRender回调,您可以捕获单元格上绘图事件的渲染时间

eventRender: function(event, element) {

        // event means the event data you inserted.
        // element means the DOM.

        // standard event data has properties like this.
        // event.title, event.start, ....

        // and the element DOM has <span class='fc-title'></span> for 'event.title' string data.
        // setting your html string to event.title doesn't help. It will show it as plain text.

        var customHTML = '<div align="center" id="myResults" style="width:auto;height:auto;background:#AFEEEE;z-index:10001;font-size: 1em;"></div>';
        $(element).find('.fc-title').html(customHTML);


}
eventRender:function(事件,元素){
//事件表示插入的事件数据。
//元素表示DOM。
//标准事件数据具有如下属性。
//event.title,event.start。。。。
//元素DOM具有“event.title”字符串数据。
//将html字符串设置为event.title没有帮助。它将以纯文本显示。
var customHTML='';
$(元素).find('.fc title').html(自定义html);
}
这会奏效的。我本来打算在JSFIDLE上生成这个,但是v.2.1上面的fullcalendar需要更多的库和预定义的目录结构,我无法正确生成它


在初始化fullcalendar时,请尝试将上述代码作为一个选项。

这在加载时起作用:D

dayRender: function(date, element, view){

                var nDate = new Date();
                if(date < nDate ) {
                     $(element).css("background", "#D1EEEE");                    
                  }

                $(element).html("10/5").css('color', '#e50000');

                },
dayRender:函数(日期、元素、视图){
var nDate=新日期();
如果(日期<日期){
$(element).css(“背景”,“#D1EEEE”);
}
$(element.html(“10/5”).css('color','#e50000');
},

您希望什么时候显示html?装载完成后?或者单击单元格?@hina10531加载完成,您使用的是哪个版本???@hina10531 2.1.1最新版本:)
dayRender: function(date, element, view){

                var nDate = new Date();
                if(date < nDate ) {
                     $(element).css("background", "#D1EEEE");                    
                  }

                $(element).html("10/5").css('color', '#e50000');

                },