解决 jQuery Isotope 复杂日期格式排序不准确问题

/**
 * 尝试解析多种格式的日期字符串，并返回其时间戳。
 * 如果解析失败，则返回 0 或其他默认值。
 * @param {string} s - 待解析的日期字符串。
 * @returns {number} - 日期对应的时间戳（毫秒），如果解析失败则为 0。
 */
let parseDate = function(s) {
    let r = null; // 初始化结果

    // 动态计算今天和昨天的日期字符串，用于替换相对日期描述
    const today = new Date();
    const yesterday = new Date();
    yesterday.setDate(today.getDate() - 1); // 设置为昨天

    // 获取标准格式的日期字符串，例如 "Thu Jun 20 2024"
    const todayDateString = today.toDateString();
    const yesterdayDateString = yesterday.toDateString();

    // 尝试多种格式的字符串
    // 1. 原始字符串
    // 2. 将 "Yesterday at" 替换为昨天的日期字符串，并确保 "am/pm" 前有空格
    // 3. 将 "Today at" 替换为今天的日期字符串，并确保 "am/pm" 前有空格
    let tries = [
        s,
        s.replace(/^Yesterday at/, yesterdayDateString + ', ').replace(/([0-9])(am|pm)$/, '$1 $2'),
        s.replace(/^Today at/, todayDateString + ', ').replace(/([0-9])(am|pm)$/, '$1 $2')
    ];

    for (let i = 0; i < tries.length; i++) {
        let s2 = tries[i];

        // 尝试使用 Date.parse() 解析
        r = Date.parse(s2);
        if (!isNaN(r)) {
            // 解析成功，跳出循环
            break;
        }

        // 如果 Date.parse() 失败，尝试使用 new Date() 构造函数解析
        const dt = new Date(s2);
        if (dt instanceof Date && !isNaN(dt)) {
            r = dt.getTime(); // 获取时间戳
            if (r) {
                // 解析成功，跳出循环
                break;
            }
        }
    }

    // 如果所有尝试都失败，返回一个默认值。
    // 返回 0 可以将无法解析的日期统一排在某个位置。
    if (isNaN(r) || r === null) {
        // 实际应用中可以根据需求选择返回 Number.MIN_SAFE_INTEGER 或 Number.MAX_SAFE_INTEGER
        // 以确保无法解析的项排在最前或最后。这里返回 0 作为一个简单示例。
        return 0;
    }

    return r; // 返回解析成功的时间戳
};

getSortData: {
    // ... 其他排序键
    lastposted: '[data-id] parseInt', // 尝试解析 data-id 为整数，但对于日期不适用
    // ...
},

<div class="ml-item" data-category="group-1" data-id="123">
    <span class="lastposted">May 25, 2023</span>
    <!-- ... 其他内容 ... -->
</div>
<div class="ml-item" data-category="group-2" data-id="456">
    <span class="lastposted">Today at 11:22pm</span>
    <!-- ... 其他内容 ... -->
</div>

// 初始化 Isotope
var $grid = $('.member-list').isotope({
  itemSelector: '.ml-item',
  layoutMode: 'fitRows',
  fitRows: {
    gutter: 5      
  },
  getSortData: {
    name: '.name',
    faceclaim: '.faceclaim',
    posts: '.posts parseInt',
    group: '[data-category]',
    // 将 lastposted 的值设置为我们的 parseDate 函数
    // 该函数会接收到当前 Isotope 项的 jQuery 对象作为上下文
    lastposted: function( itemElem ) {
        // 从当前项中找到包含日期字符串的元素，并获取其文本内容
        const dateString = $(itemElem).find('.lastposted').text();
        return parseDate(dateString); // 调用自定义解析函数
    }, 
    alias: '.alias'
  },
  sortAscending: {
    name: true,
    posts: false,
    lastposted: true, // true 表示升序（最早的日期在前）
    group: true,
    faceclaim: true,
    alias: true
  },
  filter: function() {
    // ... 过滤逻辑 ...
  }
});

lastposted: function( itemElem ) {
    const dateString = $(itemElem).attr('data-id'); // 假设 data-id 存储日期字符串
    return parseDate(dateString);
},