时间戳

首页 > 解决方案 > Kendo React Grid：如何专门针对日期及其过滤自定义列菜单过滤器

reactjs - Kendo React Grid：如何专门针对日期及其过滤自定义列菜单过滤器

问题描述

我有一个包含几列的组件。其中之一是日期列。现在，我想从列菜单过滤器中过滤该列，但我无法自定义它。我希望过滤器根据我的语言环境具有自定义格式，如 MM/dd/yy 或 dd/MM/yy（占位符和值）。谁能指导我如何做到这一点？由于通用列过滤器菜单给了我月/日/年（占位符）和相同的日期格式。在这里发布一些代码。

组件.jsx

import { Grid } from '@progress/kendo-react-grid';
import { GridColumnMenuFilter } from '@progress/kendo-react-grid';

<Grid useColumnFilterMenu>
    <Column
        field="joinDate"
        title={locale('joinDateTitle')}
        format={`{0:${locale('joinDateFormat')}}`}
        filter="date"
        columnMenu={props => {
            <GridColumnMenuFilter {...props} />
        }
     />
....
....
</Grid>

在这里，joinDateFormat - 是 MM/dd/yy 或 dd/MM/yy 格式。这向我展示了 API 调用的结果非常好。但是根据我的语言环境更改，我正在努力使用列过滤器及其占位符和日期格式。

任何帮助都会很棒。TIA。

标签： reactjskendo-uikendo-gridkendo-react-ui

解决方案

如果只是格式问题并且您希望它与您的语言环境匹配，则可以使用 Kendo IntlProvider：https ://www.telerik.com/kendo-react-ui/components/intl/i18n/

推荐阅读