Question

我正在尝试实现Primeng Schedule组件。从他们的文档来看，这是需要第三方api（Moment，FullCalendar）的一种特殊性。因此，我包括了依赖项，甚至安装了@ types / jquery，但是每当我运行应用程序时都会收到此错误：

错误TypeError：e.addClass不是一个函数在t.initialRender（fullcalendar.min.js：10）在t.render（fullcalendar.min.js：10）在Schedule.push ../ node_modules / primeng / components / schedule / schedule.js.Schedule.initialize（schedule.js：222）在Schedule.push ../ node_modules / primeng / components / schedule / schedule.js.Schedule.ngAfterViewChecked（schedule.js：208）在callProviderLifecycles（core.js：9355）在callElementProvidersLifecycles（core.js：9326）在callLifecycleHooksChildrenFirst（core.js：9316）在checkAndUpdateView（core.js：10252）在callViewAction（core.js：10484）在execEmbeddedViewsAction（core.js：10447）

这似乎是一个jquery问题，但是我确保它在那里并已加载，我还使用了来自primeNg官方展示柜的数据源和示例代码。

数据源：

ngOnInit() {
    this.events = [
        {
            "title": "All Day Event",
            "start": "2016-01-01"
        },
        {
            "title": "Long Event",
            "start": "2016-01-07",
            "end": "2016-01-10"
        },
        {
            "title": "Repeating Event",
            "start": "2016-01-09T16:00:00"
        },
        {
            "title": "Repeating Event",
            "start": "2016-01-16T16:00:00"
        },
        {
            "title": "Conference",
            "start": "2016-01-11",
            "end": "2016-01-13"
        }
    ];
}

这是组件模板：

<div class= "title" *ngIf="events">
  <p-schedule [events]="events"></p-schedule>  
</div>>

angular.json 中的依赖项：

        "styles": [
          "src/styles.css",

          //NG PRIME
          "node_modules/primeicons/primeicons.css",
          "node_modules/primeng/resources/themes/omega/theme.css",
          "node_modules/primeng/resources/primeng.min.css"
        ],
        "scripts": [
          "./node_modules/moment/min/moment.min.js",
          "./node_modules/jquery/dist/jquery.min.js",
          "./node_modules/fullcalendar/dist/fullcalendar.min.js"
        ]

提出了使用旧版本的建议，但我希望可以处理当前版本，以免丢失安全性/错误更新。

感谢您的时间，希望有人可以提供帮助：）

Answer 1

安装fullcalendar@4.0.0-alpha为我解决了问题！

我的angular.json的一部分：

        "styles": [
          "src/styles.css",
          "node_modules/primeicons/primeicons.css",
          "node_modules/primeng/resources/themes/omega/theme.css",
          "node_modules/primeng/resources/primeng.min.css",
          "node_modules/fullcalendar/dist/fullcalendar.min.css"
        ],
        "scripts": [
          "node_modules/moment/min/moment.min.js",
          "node_modules/fullcalendar/dist/fullcalendar.min.js"
        ]

我希望它也会对您有帮助！

primeNg日程安排（日历）加载Angular日历

1 个答案: