如何将 JAN 添加到 Kendo DatePicker (Angular2) 弹出式左侧导航栏,它目前显示年份然后是 FEB

How can I add JAN to the Kendo DatePicker (Angular2) pop-up left navigation, it currently shows the year then FEB

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

您可以使用 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;
}