I have a sorting issue in my project. After sorting I got a result like this in the image
<td className="dashboard_table-cell" title={'Created Date: ' + Queue.CreatedDate}>{Queue.CreatedDate}</td>
what format will I apply to my code to display the correct sorting order?
I found it in my own way,
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>
you should try sort by time like
createdDate.getTime()
so for every date, you will have you will compare
createdDate.getTime() of each item.
for every Date() the value we get from .getTime() will be unique and be incrementing.
Queue.CreatedDate