Javascript Fullcalendar如何在DayCell中显示html元素?
您好,我正在尝试在daycell中显示html元素,但没有成功,但我无法在日历旁边显示它。如何在daycell中显示它?我使用的是2.1.1版本 JavascriptJavascript 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
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');
},