1

我有一个 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 格式,例如 this-2014-08-14T15:30:10Z

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

4

2 回答 2

0

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

    <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>
}
于 2021-07-01T07:20:04.143 回答
0

KendoReact Grid 仅格式化有效的 JavaScript 日期对象。

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

于 2021-05-04T11:09:14.247 回答