时间戳

首页 > 解决方案 > Reactjs中的日期时间格式排序问题

reactjs - Reactjs中的日期时间格式排序问题

问题描述

我的项目中有一个排序问题。排序后，我在图像中得到了这样的结果 这是问题

  <td className="dashboard_table-cell" title={'Created Date: ' + Queue.CreatedDate}>{Queue.CreatedDate}</td>

我将应用什么格式来显示正确的排序顺序？

标签： reactjsdatetime

解决方案

我以自己的方式找到了它，

 sort(event){
            if(event.target.id === 'CreatedDate'){
            gridData = _.orderBy(gridData, (o) => moment(o[event.target.id])._d, 
      order[event.target.id] ? 'asc' : 'desc');
            }
   else
        gridData = _.orderBy(gridData, (o) => typeof o[event.target.id] === 'string' ? o[event.target.id].trim().toLowerCase() : o[event.target.id], order[event.target.id] ? 'asc' : 'desc');
    }

     <th id="CreatedDate" className="dashboard_table-head" onClick={this.sort}>Created Date {order.CreatedDate ? <i id="CreatedDate" className="fa fa-sort-asc" /> : <i id="CreatedDate" className="fa fa-sort-desc" />}</th>
    ..............................................................
     <td className="dashboard_table-cell" title={'Created Date: ' + Queue.CreatedDate}>{moment(Queue.CreatedDate).format('MM-DD-YYYY HH:mm:ss')}</td>

推荐阅读