Как я могу добавить ЯНВАРЬ во всплывающую левую навигацию Kendo DatePicker (Angular2), в настоящее время она показывает год, затем февраль

#kendo-ui-angular2

#kendo-ui-angular2

Вопрос:

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

Ответ №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;
}
  

введите описание изображения здесь