Ant Design Pro ProTable 定义 ProColumns 时转换 dateRange 字段
Ant Design React About 626 words需求
在使用ProTable时,需要定义具体的Column,当Column中有Range相关的跨度选择时,在最后点击搜索时需要转换相应的字段。
dateRange
在ProColumns定义中,使用search属性,定义transform字段,将range最后转为from和to字段。
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: 9 · Posted: 2026-08-28
———         Thanks for Reading         ———
Give me a Star, Thanks:)
https://github.com/fendoudebb/LiteNote扫描下方二维码关注公众号和小程序↓↓↓
Loading...