0

我有一个包含几列的组件。其中之一是日期列。现在,我想从列菜单过滤器中过滤该列,但我无法自定义它。我希望过滤器根据我的语言环境具有自定义格式,如 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。

4

2 回答 2

1

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

于 2021-03-05T03:59:11.177 回答
0

我们可以使用 the 的filterUIprop 来GridColumnMenuFilter实现这一点。

于 2020-08-27T11:12:30.257 回答