【问题标题】:How to sort ant table column by date?如何按日期对蚂蚁表列进行排序?
【发布时间】:2019-06-16 22:55:45
【问题描述】:

我想按Date 列对antd table 进行排序。

尝试像sorter: (a, b) => new Date(a) - new Date(b)一样排序

到目前为止我一直在做的事情here 并没有解决它。

【问题讨论】:

    标签: javascript reactjs antd


    【解决方案1】:

    试试这个。当您单击列标题时,这将自动按日期 ASC 到 DESC、DESC 到 ASC 排序。你需要安装moment

    进口:

    import moment from 'moment';
    

    分拣机:

    sorter: (a, b) => moment(a.date).unix() - moment(b.date).unix()
    

    【讨论】:

    • 非常感谢,它对我有帮助,更适合我。
    【解决方案2】:

    a,b是表记录,所以需要new Date(a.date) - new Date(b.date)

    {
      title: 'Date',
      dataIndex: 'date',
      key: 'date',
      sorter: (a, b) => new Date(a.date) - new Date(b.date)
    }
    

    【讨论】:

    • 谢谢@dennis-vash 这个解决方案对我来说更准确,因为我的数据包含某些行的一些空值。所以现在用上述方法对我来说排序工作正常。
    【解决方案3】:

    {

    标题:“日期”,

    数据索引:'日期',

    键:'日期',

    //如果你想比较日期与小时或分钟或秒的差异

    sorter: (a, b) => new Date(a.date).getTime() - new Date(b.date).getTime() }

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-01-15
      • 2021-03-26
      • 2020-12-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多