如何将JAN添加到Kendo DatePicker（Angular2）弹出式左侧导航中，它当前显示年份，然后是FEB

Question

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

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;
}