我如何排序dayjs()时间?

Question

我有一个像这样的对象数组:

[
{name: 'John Smith', date: '10:30 AM'}, 
{name: 'Jo Smith', date: '8:30 AM'}, 
{name: 'Ela Smith', date: '1:00 PM'}, 
{name: 'Dave Smith', date: '12:30 PM'},
{name: 'Elton Smith', date: '10:30 PM'}
]

我想用dayjs()将这些从最早到最新的进行排序，这是我们在项目的其余部分使用的，所以我必须坚持使用它。

此刻，我正试图像这样使用这个函数:

dayjs.extend(isSameOrBefore);
dayjs.extend(customParseFormat);
const sortTime = (users) => {
return shifts.sort((a, b) =>
dayjs(a.date, 'h:mm A').isSameOrBefore(dayjs(b.date, 'h:mm A')) ? 1 : -1
);
};

我希望数组按照如下方式排序:

[
{name: 'Jo Smith', date: '8:30 AM'},
{name: 'John Smith', date: '10:30 AM'}, 
{name: 'Elton Smith', date: '10:30 AM'},
{name: 'Dave Smith', date: '12:30 PM'}, 
{name: 'Ela Smith', date: '1:00 PM'}
]

然而，由于一些奇怪的原因，它是这样排序的:

[
{name: 'Jo Smith', date: '8:30 AM'},
{name: 'Ela Smith', date: '1:00 PM'},
{name: 'John Smith', date: '10:30 AM'}, 
{name: 'Dave Smith', date: '12:30 PM'},
{name: 'Elton Smith', date: '10:30 AM'}, 
]

关于为什么以及如何解决这个问题的任何想法?

Answer 1

可以通过传递比较器函数来实现排序方法

const arr = [
{ name: "John Smith", date: "10:30 AM" },
{ name: "Jo Smith", date: "8:30 AM" },
{ name: "Ela Smith", date: "1:00 PM" },
{ name: "Dave Smith", date: "12:30 PM" },
{ name: "Elton Smith", date: "10:30 PM" },
];
const convertTime12to24 = (time12h) => {
let [hours, minutes, modifier] = time12h.split(/W+/);
if (hours === "12") hours = "00";
if (modifier === "PM") hours = parseInt(hours, 10) + 12;
return [hours, minutes];
};
const result = arr.sort((a, b) => {
const [h1, m1] = convertTime12to24(a.date);
const [h2, m2] = convertTime12to24(b.date);
return h1 - h2 || m1 - m2;
});
console.log(result);

/* This is not a part of answer. It is just to give the output fill height. So IGNORE IT */
.as-console-wrapper { max-height: 100% !important; top: 0; }