Angular 2 - Kendo UI日历无法正确呈现

Question

我正在使用Kendo-UI calendar for angular 2

但是，我的日历无法正确呈现问题。我没有收到任何错误，这就是我日历的样子：

它会创建一个非常大的div（20.000像素），并且只在正确的位置显示工作日。当我一直向下滚动时，它会渲染月份和日期等，如下所示：

以下是我用来实现日历的代码：

vendor.ts

import "@progress/kendo-angular-dateinputs";

shared.module.ts

import { CalendarModule } from "@progress/kendo-angular-dateinputs";
...
exports:[CalendarModule]

app.module.ts

import { SharedModule } from "./shared/shared.module";
...
imports: [SharedModule2]

mycomponent.component.html

<div *ngIf="showFromCalendar === true">
    <kendo-calendar></kendo-calendar>
</div>

好像我错过了一些文件？我是角度2的新手，我不知道如何调试，因为我没有收到任何错误，所以我希望你们能帮忙。

提前致谢！

Answer 1

看起来好像没有加载日历CSS。确保您使用的是最新版本的@progress/kendo-theme-default包，并且所包含的样式是在全局级别注册的，没有样式封装。