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

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

我有一个包含几列的组件。其中之一是日期列。现在，我想从列菜单过滤器中过滤该列，但是无法自定义它。我希望过滤器根据我的区域设置具有自定义格式，例如MM / dd / yy或dd / MM / yy（占位符和值）。有人可以指导我如何执行此操作吗？由于通用列过滤器菜单为我提供了月/日/年（占位符）和相同的日期格式。在此处发布一些代码。

Component.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。

解决方法

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

,

我们可以使用filterUI的{​​{1}}道具来实现这一目标。