Ant design pro + DRF 时间范围查询

项目场景:

由于业务需求,需要对表格内某一日期类型列的数据进行范围查询。


问题描述

由于业务需求,需要对表格内某一日期类型列的数据进行范围查询。找了很久没找到怎么用?所以想问下pro-table对于日期类查询条件,是否支持范围查询?


原因分析:

valueType: 'dateRange',

但是这种方式创建时候的form item也是变成了dateRange
搜索的form设置跟create update的form设置要区分开设置就好了

解决方案:

前端:

{
      title: "提交时间",
      dataIndex: "created_time",
      align: "center",
      hideInSearch: true,
      valueType: "dateTime",
    },
    {
      title: "提交时间",
      dataIndex: "created_time",
      align: "center",
      valueType: 'dateRange',
      hideInForm: true,
      hideInTable: true,
      search: {
        transform: (value) => {
          return {
            'created_time__gt': value[0],
            'created_time__lt': value[1],
          }
        }
      }
    }

变成两个column 一个用在 表格、创建form ,另外一个用在searchform
不知道有没有会不会有其他问题

后端:

created_time__gt = filters.DateTimeFilter(field_name='created_time', lookup_expr='gt')
created_time__lt = filters.DateTimeFilter(field_name='created_time', lookup_expr='lt')

PS:这个问题又更优雅的方法吗,求教

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值