FullCalendar在标题下方添加行



我想在标题下方添加另一行(在标题中,而不是在事件中),而无需更改fullcalendar .css file

是否有一种方法可以使用EventAfterRender,更改.css并添加另一个元素?

我想在月/年标题下方添加一个文本"仅开放事件"的文字。我只是在下一页上使用基本视图:

http://fullcalendar.io/js/fullcalendar-2.3.1/demos/basic-views.html

不幸的是,我无法上传日历的jsfiddle,因为它嵌入了具有用于获取数据的自定义命令的iOS应用程序中,仅在应用程序中起作用。只是在基础知识上挣扎,在什么方面和如何添加。我正在使用基本文件(fullcalendar.css)。

任何指导。

实际上,我自己解决了这个问题。在所有活动之后,我正在清除标题并重新订阅。我已经在标题下方添加了一条线,其中一些HTML显示了数据库中的开放活动数量(openActivities global变量)。

您可以使用以下内容在工具栏后添加子标题:

eventAfterAllRender: function (view, element) {
    if (view.type === "agendaWeek") {
        $("#calendar").find('.fc-toolbar > div > h2').empty().append("<div>"+ 
        view.start.format('MMM DD') + " - " + view.end.format('MMM DD') +
        "<br/><h6 style="font-size:18px">Number of open activities: " +
        openactivities + "</div>");
    } else if (view.type === "agendaDay") {
        $("#calendar").find('.fc-toolbar > div > h2').empty().append("<div>"+ 
        view.start.format('DD MMMM YYYY') + "<br/><h6 style="font-size:18px"
        >Number of open activities: " + openactivities + "</div>");
    } else if (view.type === "month") {
        $("#calendar").find('.fc-toolbar > div > h2').empty().append("<div>"+ 
        view.start.format('MMMM YYYY') + "<h6 style="font-size:18px">
        <br/>Number of open activities: " + openactivities + "</div>");
    }
}

我需要首先使用。起初似乎并没有出现,但是在拖动事件并掉落时有时会重复。

我还尝试了其他方法,后面似乎还可以,但是在显示日历时首次显示标题。

我的日历正在工作,使用拖放/滴作为应用程序MySQL数据库的前端嵌入到iOS应用中。不幸的是,我对HTML和JavaScript的经验有限,我不是程序员....

我希望我现在已经把它放在床上,这要归功于以下文章:FullCalendar自定义/覆盖标题标题

我终于在2.0中使用以下代码在2.0中解决了标题所放置的H2div,这是我唯一可以使它工作而无需每次附加附加的方法我切换了几周/浏览量并添加了多个子标题。

我使用的代码通过了一个全局变量(openActivities),以列出我数据库中的开放活动总数。

eventafterallrender:function(view){ $("#日历")。查找('。fc-toolbar>div> h2')。append("
" open"数字":" openActivitivities ");},

最新更新