作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
您好,我想在 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/
我是一名优秀的程序员,十分优秀!