如何将 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;
}
当我在左侧导航栏中打开带有月份选择器的 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;
}