Ant Design Pro QueryFilter 中的 ProFormDateRangePicker 转换参数名及参数值

transform

ProFormDateRangePicker中有transform属性（来自于ProForm）。

返回的结果中的from/to等都是根据业务自定义的。

<QueryFilter
  layout="vertical"
  autoFocusFirstInput={false}
  loading={loading}
  onFinish={formData => {
    run(formData);
  }}
  onReset={formData => {
    run(formData);
  }}
>
  <ProFormDateRangePicker
    name="dateRange"
    label="DateRanage"
    transform={(value, namePath, allValues) => ({
      from: `${value[0]}T00:00:00.000Z`,
      to: `${value[1]}T23:59:59.999Z`,
    })}/>
</QueryFilter>

获得当天零点和次日零点前一毫秒可使用以下transform：

transform={(value, namePath, allValues) => ({
  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(),
})}

作用

如果不设置transform，获取的参数将会是：dateRange[]=2026-01-01&dateRange[]=2026-02-05。

如果设置了以上transform，获取的参数将会是：from=2026-01-01T00:00:00.000Z&to=2026-02-05T23:59:59.999Z。

文档

transform-提交时转化