格式化类别轴标签的日期

Question

我有一组对象，我在 kendo 中显示为折线图。类别轴是一个日期，是一个很大时间段之间的数据。我想整齐地显示这个日期（在英国/世界其他地区的日期格式）。但是我似乎无法让它发挥作用。下面是我的 HTML 代码

<kendo-chart [transitions]="true">
    <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">
    </kendo-chart-axis-defaults>
    <kendo-chart-category-axis>
        <kendo-chart-category-axis-item>
            <kendo-chart-category-axis-item-labels culture="en-GB"
                                                   format="d"
                                                   step="50">
            </kendo-chart-category-axis-item-labels>
        </kendo-chart-category-axis-item>
    </kendo-chart-category-axis>
    <kendo-chart-value-axis>
        <kendo-chart-value-axis-item>
            <kendo-chart-value-axis-item-labels culture="en-GB"
                                                format="c">
            </kendo-chart-value-axis-item-labels>
        </kendo-chart-value-axis-item>
    </kendo-chart-value-axis>
    <kendo-chart-series>
        <kendo-chart-series-item type="line" [data]="items | async"
                                 field="cumulativePercentReturn"
                                 markers="markers"
                                 dashType="solid"
                                 categoryField="startDate">
        </kendo-chart-series-item>
    </kendo-chart-series>
</kendo-chart>

然而，日期仍然呈现为 yyyy-mm-dd 等。 kendo for angular 2 指南在这里不是很具体，要我参考站点上不存在的全球化文章。

如果有人可以帮助我完成这项工作。我已经尝试以我能想到的所有方式编辑该格式字符串。

Answer 1

所以我解决了这个问题！原来返回的 JSON 数据显示的日期格式为字符串。当我将此字符串转换回日期时，日期格式有效。

格式化类别轴标签的日期

Formatting dates of category axis labels

kendo-chart

kendo-ui-angular2