全日历调度器的角2-5实现

Question

我使用带有Jquery和html的全日历(fullcalendar.io)插件完成了一个资源调度项目。现在我正在将这个项目转换为角5。我尝试使用一些流行的角满日历插件，如

1.https://github.com/Jamaks/ng-fullcalendar
2.https://github.com/mattlewis92/angular-calendar
3.https://github.com/nekken/ng2-fullcalendar

上面的所有内容似乎都不是完全实现的--调度程序也不支持像'timelineMonth‘这样的视图。

请注意，我已经成功地完全实现满日历(https://fullcalendar.io/)的角度，但我不能实现(https://fullcalendar.io/scheduler)，这是一个附加的全日历提供。

有人成功地实施了它吗？或者任何插件的建议都会有很大的帮助。

Answer 1

我今天早上才实施的。最大的问题是，您不需要npm安装完整日历本身，因为它已经是调度程序的依赖项。希望这能帮上忙：

Package.json:

"dependencies": {
  "fullcalendar-scheduler": "^1.9.3",
  "jquery": "^3.3.1",
},
"devDependencies": {
  "@types/jquery": "^3.3.0",
}

Angular-cli.json:

"styles": [
    "styles.css",
    "../node_modules/fullcalendar/dist/fullcalendar.min.css",
    "../node_modules/fullcalendar-scheduler/dist/scheduler.min.css"
  ],
  "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/moment/min/moment.min.js",
    "../node_modules/fullcalendar/dist/fullcalendar.min.js",
    "../node_modules/fullcalendar-scheduler/dist/scheduler.min.js"
  ],

Component.ts

import * as $ from 'jquery';
import 'fullcalendar';
import 'fullcalendar-scheduler';

export class CalendarComponent implements AfterViewInit {

    @Input() options;

    @Component({
        selector: 'app-calendar'
    })

    ngAfterViewInit() {
        const containerEl: JQuery = $('app-calendar');
        containerEl.fullCalendar(this.options);
    }
}