Question

我正在使用fullcalendar v2.3.1并且我将eventLimits设置为1，因此超过1个事件将显示为链接。我点击链接，弹出窗口显示其中的事件。我可以设计这个popover的样式吗？或者我是否必须创建自己的popover并自己设计样式？我想从一天到一天的中心改变它的位置，也许还会改变一些其他的东西。

＆＃13;

$('#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');
        }
    });

＆＃13;

Answer 1

通常，这听起来并不困难。不幸的是，上面的js并没有告诉我们多少，因为他们显然已经挂入了完成html生成的fullcalendar插件。您需要查看它创建的HTML。

为了解决这个问题，我通常使用ie或firefoxe的开发工具或firebug（在网站上查看结果时点击f12）。他们有元素检查器，可以让你点击生成的html元素，看看创建了什么css钩子，以及适用于样式表或内联样式的元素的样式。对这些问题有一些基本的了解让我了解了大部分这类问题。

如果您能够至少为您感兴趣的部分提取生成的html或提供链接，那么这将有助于堆叠。

我可以在FullCalendar中设置eventClickLimit popover的样式

1 个答案: