在Kendo Grid React中指定日期格式

Question

我有一个Kendo React Grid来显示我从Sharepoint列表中获取的数据。这是一个简单的网格，如以下链接所示- https://www.telerik.com/kendo-react-ui/components/grid/get-started/

<Column field="StartDate" title="Start Date" width="200px" format="{0:MMM yyyy}" />
<Column field="EndDate" title="End Date" width="200px" format="{0:MMM yyyy}" />

现在日期采用ISO格式，如下所示-2014-08-14T15:30:10Z

如何转换为mm/dd/yyyy格式？上面的format属性值似乎不起作用。

Answer 1

KendoReact网格仅对有效的JavaScript日期对象进行格式化。

来自telerik的澄清：https://www.telerik.com/kendo-react-ui/knowledge-base/grid-date-format/

Answer 2

您可以将“cell”属性中的自定义函数传递给Column。使用“moment”根据您的格式自定义日期。

    <Column field="StartDate" title="Start Date" width="200px" cell={this.myCustomDateCell}" />



myCustomDateCell = props => {
    if (props.dataItem[props.field] !== '') {
      return <td>{moment(props.dataItem[props.field]).format("MM/DD/YYYY")}</td>
    }
    return <td>{props.dataItem[props.field]}</td>
}