首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在Angular的FullCalendar V4中自定义事件显示

如何在Angular的FullCalendar V4中自定义事件显示
EN

Stack Overflow用户
提问于 2019-09-06 03:09:39
回答 1查看 967关注 0票数 0

我想自定义事件在fullCalendar中显示的内容。目前他们只显示标题,但我想知道如何显示事件的其他字段。使用FC-v4 angular 7版本。

EN

回答 1

Stack Overflow用户

发布于 2019-09-07 01:19:31

html

代码语言:javascript
运行
复制
<full-calendar #calendar defaultView="dayGridMonth" style="background: white; padding: 5px" timeZone="UTC"
                (eventClick)="openTaskView($event)" (dateClick)="openDateView($event)" aspectRatio="1.8"
                [customButtons]="options.customButtons" [header]="{
                    center: 'title',
                    left: 'filter,dayGridMonth,timeGridWeek,timeGridDay',
                    right: 'prev, next today'
                }" [plugins]="calendarPlugins" [events]="selectedEvents" (eventRender)="calendarEventRender($event)" [selectable]="true"
                schedulerLicenseKey="GPL-My-Project-Is-Open-Source">
            </full-calendar>

comp.ts

代码语言:javascript
运行
复制
calendarEventRender(info){
      if(info.event.extendedProps.batchId)
        info.el.text = " "+info.event.title+ " - "+ info.event.extendedProps.batch.name;
    }
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57811656

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档