首页 > 解决方案 > FullCalendar 事件缺少“可编辑”字段?

问题描述

假设我有一个基本的事件设置,如下所示:

  initialEvents: EventInput[] = [
    {
      title: 'Event 0',
      start: '2021-02-22T10:00:00',
      end: '2021-02-22T12:00:00',
      editable: false
    },
    {
      title: 'Event 1',
      start: TODAY_STR + 'T12:00:00',
      end: TODAY_STR + 'T16:00:00',
    },
    {
      title: 'Event 2',
      start: '2021-02-24T09:00:00',
      end: '2021-02-26T12:00:00',
    }
  ]

在我的日历选项中使用它:

...
initialView: 'timeGridWeek',
initialEvents: this.initialEvents,
eventClick: this.handleEventClick.bind(this),
...

并拥有这种方法:

  handleEventClick(clickInfo: EventClickArg): void {
    console.log(clickInfo.event);
    if (confirm(`Are you sure you want to delete the event '${clickInfo.event.title}'`)) {
      clickInfo.event.remove();
    }
  }

似乎EventApi我的clickInfo工作几乎没有问题,它包含文档中所述的几乎所有属性:https ://fullcalendar.io/docs/event-object

除了它缺少属性editableresourceEditable.

在文件中EventApi找到的类中也缺少它们。...\node_modules\@fullcalendar\common\main.d.ts

那么当我点击它时如何访问我的事件的可编辑属性呢?

(我正在使用带角度的 v5.5.0)

标签: javascriptangularfullcalendar

解决方案


好的,事实证明,事件没有editable属性。

这只是一个设置和设置的便利设置startEditabledurationEditable

这些是用于获取事件的可编辑状态的 2 个属性。


推荐阅读