Kendo 网格组 Header 上的日期格式

Question

我需要为每个月的数据分组一个 Kendo 网格。我正在获取 ISO 格式的日期，如下所示。

2020-03-02T00:00:00

这是列绑定和数据源分组

列绑定。

 columns.Bound(z => z.MonthDisplay).Title("").Hidden(true).Format("{0:MMMM yyyy}");

带分组的数据源绑定

.DataSource(dataSource => dataSource
   .PageSize(10)
   .Group(groups => groups.AddDescending(t => t.MonthDisplay))
   .Read(read => read.Action("AllData", "Common"))
 )

分组工作正常。但我的问题是组标题的格式不是 MMMM yyyy 格式。它显示为月份：2020-03-02T00:00:00。我需要将 header 显示为 Month: March 2020

Answer 1

我找到了解决方案。我添加了一个 GroupHeaderTemplate，如下所示：

.columns.Bound(z => z.MonthDisplay).Title("").Hidden(true).ClientGroupHeaderTemplate("#= kendo.toString(kendo.parseDate(value.split('T')[0]), 'MMMM yyyy') #");

Kendo 网格组 Header 上的日期格式

Date formatting on Kendo Grid Group Header

kendo-grid

kendo-asp.net-mvc