Ant Design Pro ProTable 定义 ProColumns 时转换 dateRange 字段

Ant Design React About 626 words

需求

在使用ProTable时,需要定义具体的Column,当Column中有Range相关的跨度选择时,在最后点击搜索时需要转换相应的字段。

dateRange

ProColumns定义中,使用search属性,定义transform字段,将range最后转为fromto字段。

const columns: ProColumns<TableListItem>[] = [
  {
    title: "Date",
    dataIndex: 'date',
    align: 'center',
    hideInSearch: true,
    sorter: true,
  },
  {
    title: "Date",
    dataIndex: 'date',
    valueType: "dateRange",
    search: {
      transform: (value) => ({
        from: new Date(new Date(value[0]).setHours(0, 0, 0, 0)).toISOString(),
        to: new Date(new Date(value[1]).setHours(24, 0, 0, -1)).toISOString(),
      })
    },
    hideInTable: true,
  },
]
Views: 2 · Posted: 2026-08-28

———         Thanks for Reading         ———

Give me a Star, Thanks:)

https://github.com/fendoudebb/LiteNote

扫描下方二维码关注公众号和小程序↓↓↓

扫描下方二维码关注公众号和小程序↓↓↓
Prev Post
Today In History
Browsing Refresh