时间戳

首页 > 解决方案 > 可拖动事件到 FullCalendar

angular - 可拖动事件到 FullCalendar

问题描述

我正在使用PrimeNG并且我想在 Angular 中将可拖动事件完成到日历中，就像在此处的演示中一样。这是现场演示。问题是该示例在Vanilla JS并且 Angular 在打字稿上需要它。

我创建了一个StackBlitz，我试图这样做，但由于打字稿代码，日历根本没有显示。

标签： angularangular12

解决方案

首先请注意，您忘记添加fullCalendar指令。将以下代码添加到 html 中：

<p-fullCalendar [events]="events" [options]="options"></p-fullCalendar>

然后在您的选项中添加editable:true.

请注意，您可以使用ngModel来检查复选框是否选中，但您需要import { FormsModule } from '@angular/forms';在schedule.module. 我修复了问题并更新了示例链接。

这是工作样本。

但我认为你也想从其他输入拖动到fullCalendar. 所以你需要在你的服务中实现可拖动事件。这是你想做的第二部分

推荐阅读