小编MVM*_*MVM的帖子

FullCalendar v4 Angular 7 自定义按钮

我正在我的组件 html(角度版本 7)中设置 fullCalendar v4,但似乎无法使用自定义按钮。

我尝试了各种不同的语法组合,但还没有找到正确的组合。我也去了FC提供的demo项目,没找到自定义按钮的例子。

组件.html

<full-calendar
            #calendar
            defaultView="dayGridMonth"
            [customButtons]="{
                            filter: {
                            text: 'filter',
                            click: 'open()'
                            }
                        }"
            [header]="{
                center: 'title',
                left: 'filter,dayGridMonth,timeGridWeek,timeGridDay',
                right: 'prev, next today'
            }"
            [plugins]="calendarPlugins"
            [events]="selectedEvents"
                         ></full-calendar>

            <!-- <div class="col col-md-offset-1">
                <div class="card card-calendar">
                    <div class="card-content">
                        <div id="fullCalendar"></div>
                    </div>
                </div>
            </div> -->
        </div>
Run Code Online (Sandbox Code Playgroud)

比较

open() {
        var type = '';
        var content = this.login;
        this.getLocationBatches();
        this.getRooms();
        if (type === 'sm') {
            console.log('aici');
            this.modalService.open(content, { size: 'sm' }).result.then(
                result => {
                    this.closeResult = `Closed with: ${result}`; …
Run Code Online (Sandbox Code Playgroud)

fullcalendar angular angular7 fullcalendar-4

1
推荐指数
1
解决办法
1367
查看次数

标签 统计

angular ×1

angular7 ×1

fullcalendar ×1

fullcalendar-4 ×1