gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 17:13:11 24 4
gpt4 key购买 nike

您好,我想在 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

<div align="center" id="myResults" style="width:auto;height:auto;background:#AFEEEE;z-index:10001;font-size: 1em;"> </div>

最佳答案

试试eventRender回调,可以捕捉cell上绘制事件的渲染时间。

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);


}

这会起作用。我打算在 JSFiddle 上生成它,但是 v.2.1 以上的 fullcalendar 需要更多的库及其预定义的目录结构,我无法正确生成它。

尝试在初始化 fullcalendar 时将上面的代码作为选项提供。

关于javascript - Fullcalendar 如何在 DayCell 中显示 html 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26599821/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com