是否可以在FullCalendar中设置eventClickLimit弹出窗口的样式
是否可以在FullCalendar中设置eventClickLimit弹出窗口的样式
提问于 2015-04-02 03:53:03
我使用fullcalendar v2.3.1，并将eventLimits设置为1，因此超过1个事件将显示为一个链接。我点击该链接，弹出窗口显示其中的事件。我可以设计这个弹出式的样式吗？或者我必须创建我自己的popover并自己设计它的样式？我想改变它的位置，从一天的中心到底部，也许还会改变一些其他的东西。
$('#fullcalendar').fullCalendar({
header: {
left: 'prev,next', //today',
center: 'title',
//right: 'month,agendaWeek,agendaDay'
right: ''
},
defaultView: 'month',
editable: true,
allDaySlot: false,
selectable: true,
slotMinutes: 15,
eventLimit: 1,
//eventLimit: true, // for all non-agenda views
//views: {
// agenda: {
// eventLimit: 2 // adjust to 6 only for agendaWeek/agendaDay
// }
//},
events: '/ManageSpaces/GetDiaryEvents/',
//eventLimitClick: function (cellInfo, jsEvent) {
// var s = cellInfo.segs;
//},
eventClick: function (calEvent, jsEvent, view) { //function (data, event, view) {
//var s = cellInfo.segs;
$("#eventDetails.collapse").collapse('toggle');
},
dayClick: function (data, event, view) {
$(this).popover({
html: true,
placement: 'bottom',
container: 'body',
title: function () {
return $("#day-popover-head").html();
},
content: function () {
return $("#day-popover-content").html();
}
});
$(this).popover('toggle');
if ($calPopOver)
$calPopOver.popover('destroy');
$calPopOver = $(this).popover('show');
}
});
回答 1
Stack Overflow用户
发布于 2015-04-02 04:49:56
通常，这听起来并不困难。不幸的是，上面的js并没有告诉我们太多信息，因为它们明显地挂接到了全日程表插件，这个插件负责html的生成。你需要看看它创建了什么html。
为了解决这个问题，我通常使用ie或者firefoxe的开发工具或者firebug (在网站上查看结果时点击f12 )。它们具有元素检查器，可以让您单击生成的html元素，并查看创建了什么css钩子，以及应用于元素的样式，样式表或内联样式。通过对它们的一些基本了解，我可以解决大多数这类问题。
如果您能够提取生成的html，至少对于您感兴趣的部分，或者提供一个链接，那么这将对heaps有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29399597
复制相关文章
相似问题