kendo-ui-angular2 - 如何将 JAN 添加到 Kendo DatePicker (Angular2) 弹出左侧导航中，它当前显示年份，然后是 FEB

Question

当我在左侧导航中打开带有月份选择器的 DatePicker 时，没有一月选项，您必须选择代表 JAN 的年份；这让我的用户感到困惑。我想在向下滚动时查看年份，并查看低于 2020、2021 等的 JAN。

标签： kendo-ui-angular2

Answer 1

您可以使用kendoCalendarNavigationItemTemplate模板自定义导航条目的显示方式。

这是一个在年份编号后添加“Jan”的简单示例：

@Component({
    selector: 'my-app',
    styles: ['/deep/ .k-calendar-navigation .k-content li { padding: 0; }'],
    template: `
        <kendo-calendar>
            <ng-template kendoCalendarNavigationItemTemplate let-title>
                {{isNaN(title) ? title : title + " Jan"}}
            </ng-template>
        </kendo-calendar>
    `
})
class AppComponent {
    public isNaN = isNaN;
}