时间戳

首页 > 解决方案 > 如何使用 jquery 按日期范围对 json 进行排序？

jquery - 如何使用 jquery 按日期范围对 json 进行排序？

问题描述

我有一个日期范围 json，而我的 json 未排序，所以我的日期范围不是正确的顺序。我尝试了 2 种解决方案，但没有得到正确的结果。

下面是json：

0: { Status : 1
 DateFrom : "2018-09-01 00:00" 
 DateTo : "2018-09-08 00:00" }
1: { Status : 1
 DateFrom : "2018-09-02 00:00" 
 DateTo : "2018-09-08 00:00" }
2: { Status : 1
 DateFrom : "2018-09-08 00:00" 
 DateTo : "2018-09-15 00:00" }
3: { Status : 1
 DateFrom : "2018-10-01 00:00" 
 DateTo : "2018-10-06 00:00" }
4: { Status : 1
 DateFrom : "2018-10-06 00:00" 
 DateTo : "2018-10-13 00:00" }
5: { Status : 1
 DateFrom : "2018-07-01 00:00" 
 DateTo : "2018-07-07 00:00" }
6: { Status : 1
 DateFrom : "2018-07-07 00:00" 
 DateTo : "2018-07-14 00:00" }
7: { Status : 1
 DateFrom : "2018-08-04 00:00" 
 DateTo : "2018-08-11 00:00" }

我尝试了下面的代码，但没有得到正确的结果。

var res = JSON.parse($("#hdfAvailabe").val());

//This one try
res.sort(function (left, right) {
return moment.utc(left.timeStamp).diff(moment.utc(right.timeStamp))
});

//This second try
res.sort(function (a, b) {
return a - b
})

这是我的例外输出：

0: { Status : 1
 DateFrom : "2018-07-01 00:00" 
 DateTo : "2018-07-07 00:00" }
 1: { Status : 1
 DateFrom : "2018-07-07 00:00" 
 DateTo : "2018-07-14 00:00" }
2: { Status : 1
 DateFrom : "2018-08-04 00:00" 
 DateTo : "2018-08-11 00:00" }
3: { Status : 1
 DateFrom : "2018-09-01 00:00" 
 DateTo : "2018-09-08 00:00" }
4: { Status : 1
 DateFrom : "2018-09-02 00:00" 
 DateTo : "2018-09-08 00:00" }
5: { Status : 1
 DateFrom : "2018-09-08 00:00" 
 DateTo : "2018-09-15 00:00" }
6: { Status : 1
 DateFrom : "2018-10-01 00:00" 
 DateTo : "2018-10-06 00:00" }
7: { Status : 1
 DateFrom : "2018-10-06 00:00" 
 DateTo : "2018-10-13 00:00" }

任何人都知道如何做到这一点，请帮助我解决这个问题。

标签： jquerysorting

解决方案

sort()是您需要使用的正确方法，但是您需要在将DateFrom属性转换为Date对象后比较它们的值，如下所示：

res.sort(function(a, b) {
  var aDate = new Date(a.DateFrom), bDate = new Date(b.DateFrom);
  return aDate - bDate;
});


var res = [{
  Status: 1,
  DateFrom: "2018-09-01 00:00",
  DateTo: "2018-09-08 00:00"
}, {
  Status: 1,
  DateFrom: "2018-09-02 00:00",
  DateTo: "2018-09-08 00:00"
}, {
  Status: 1,
  DateFrom: "2018-09-08 00:00",
  DateTo: "2018-09-15 00:00"
}, {
  Status: 1,
  DateFrom: "2018-10-01 00:00",
  DateTo: "2018-10-06 00:00"
}, {
  Status: 1,
  DateFrom: "2018-10-06 00:00",
  DateTo: "2018-10-13 00:00"
}, {
  Status: 1,
  DateFrom: "2018-07-01 00:00",
  DateTo: "2018-07-07 00:00"
}, {
  Status: 1,
  DateFrom: "2018-07-07 00:00",
  DateTo: "2018-07-14 00:00"
}, {
  Status: 1,
  DateFrom: "2018-08-04 00:00",
  DateTo: "2018-08-11 00:00"
}];

res.sort(function(a, b) {
  var aDate = new Date(a.DateFrom), bDate = new Date(b.DateFrom);
  return aDate - bDate;
});
console.log(res);

推荐阅读