Как я могу добавить JAN во всплывающую левую навигационную панель Kendo DatePicker (Angular2), в настоящее время она показывает год, а затем FEB?

Question

Когда я открываю DatePicker со средством выбора месяца на левой навигационной панели, опция января отсутствует, вы должны выбрать год, который представляет JAN; это сбивает с толку моих пользователей. Я хотел бы видеть год, когда я прокручиваю вниз, и видеть JAN ниже 2020, 2021 и т. Д.

Answer 1

Вы можете использовать шаблон kendoCalendarNavigationItemTemplate, чтобы настроить способ отображения элементов навигации.

Вот простой пример, который добавляет «Ян» после номера года:

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