小编Nic*_*ews的帖子

Material-UI 数据网格 - 使用 UNIX 时间戳按日期过滤

问题:自定义格式的日期不可过滤(尽管可以排序)。

格式化日期的屏幕截图

日期数据来自 firebase 秒(与 UNIX 时间戳相同)、纳秒格式,然后首先转换为 Javascript 日期/时间格式(2021 年 4 月 13 日星期二 00:27:20 GMT-0400(东部夏令时间)),然后是屏幕截图中的格式(2021 年 4 月 13 日)。

我的期望是,我遇到的问题是我无法以这种方式格式化日期(2021 年 4 月 13 日)并进行过滤 - 过滤的唯一方法是将日期格式化为 MM/DD/YYYY。

列定义:

{
    flex: 1,
    field: 'created',
    headerName: 'Created',
    type: 'date',
    valueFormatter: (params: GridValueFormatterParams) => {
      // first converts to JS Date, then to locale option through date-fns
      return formatDate(params.value);
    }
  },
Run Code Online (Sandbox Code Playgroud)

有什么方法可以使此列可过滤而不将日期格式化为 MM/DD/YYYY 吗?

编辑:我尝试将日期格式化为 MM/DD/YYYY & 过滤器仍然失败。请参阅下面的屏幕截图 - 应该有多个与过滤器匹配的日期。

过滤之前:具有 4/13 日期的数据网格

使用过滤器:应用了过滤器且没有匹配结果的数据网格

typescript reactjs material-ui

9
推荐指数
1
解决办法
1万
查看次数

标签 统计

material-ui ×1

reactjs ×1

typescript ×1