angular - 无法在 fullcalendar 中使用 rrule 插件呈现重复事件
问题描述
我正在尝试使用 fullcalendar 4.0.0-alpha2 和 RRULE 在 Angular 中呈现重复事件。
角.json:
"scripts": [
"node_modules/fullcalendar/dist/fullcalendar.js",
"node_modules/rrule/dist/es5/rrule.js",
"node_modules/fullcalendar/dist/plugins/rrule.min.js"
]
mycomponent.component.ts:
import { Calendar } from 'fullcalendar';
import { RRule } from "rrule";
ngOnInit(): void {
const rule = new RRule({
freq: RRule.DAILY,
interval: 1,
byweekday: [RRule.MO, RRule.FR],
dtstart: new Date(Date.UTC(2018, 1, 1, 10, 30)),
until: new Date(Date.UTC(2020, 12, 31))
});
var calendarEl = document.getElementById('calendarDirectTest');
var calendar = new Calendar(calendarEl, {
events: [
{
"title": "Test A",
"start": "2018-10-09T16:00:00",
rrule: rule
}
]
});
calendar.render();
}
该事件只呈现一次,这意味着 fullcalendar 完全忽略了 RRULE 属性,尽管我包括了 rrule 库和 rrule 插件。
这是关于该插件的文档: https ://fullcalendar.io/docs/v4/rrule-plugin
我看到的唯一不同的是他们导入连接器/插件的方式,即:
import 'fullcalendar/plugins/rrule';
但这在 Angular 上不起作用,除非我遗漏了一些东西。
谢谢
解决方案
如果您使用的是 rrule 插件,则不应在事件数据中包含start
or字段。end
它将使用dtstart
和duration
值。
推荐阅读
- java - Java 应用程序中的 Maven 冲突与 google-cloud-core-grpc 依赖项
- go - 恐慌:运行时错误:无效的内存地址或 nil 指针取消引用 [信号 0xc0000005 代码=0x0 addr=0x8 pc=0x48be5c] goroutine 1 [运行]:
- php - Laravel 使用数据库列通过 trait 设置 $fillable
- python - 如何将列表中的相同值分组到自己的列表中?
- url - 将 localhost 指向域名会出错
- rx-java - 当我们使用 RxJava 限制视图点击时,限制方法调用
- ruby-on-rails - 如何从 S3 存储桶更改所有上传的图像文件扩展名
- c - 我想使用 Bluez 从 C 程序访问 GATT 配置文件
- amazon-redshift - 在列表中使用通配符排除相似词
- python - 在 Windows 中的 Oracle 虚拟机上创建 vm 的 Python 脚本