使用同位素按日期排序，分解为日/月/年

Question

我正在使用 Isotope 来排列和排序一堆元素。我有控制所有排序的按钮。

我无法让“日期”排序正常工作。我在每个元素中打印了日期，以对其进行排序并应用 .date 类。它当前打印为 dd/mm/yy

<span class="date"><?php the_date('d/m/y');?></span>

在最简单的形式中，我可以使用 -

getSortData: {
  date: '.date',
}

这将组织成数字顺序，这在几天内很好，但在几个月内就出错了。如何让排序按真实日期而非数字排序。

我已经尝试使用我已经在 Stackoverflow 上找到的示例，但每个示例都完全破坏了同位素，并且元素甚至没有布局。下面是我拥有的另一种有效的示例，也许有人可以使用它来查看我需要做什么？

distance: function( itemElem ) {
var distance= $( itemElem ).find('.wppl-address').text();
return parseFloat( distance.replace( /[\(\)]/g, '') );
  },

Answer 1

有php输出：

 <span class="date" 
   data-date="<?php the_date('c');?>" >
 <?php the_date('d/m/y');?>
 </span>

然后使用：

 getSortData: {
      date: function($item) {
            return $item.data('date');
        }
 }

或者试试：

 getSortData: {
      date: function($item) {
            return new Date($item.data('date'));
        }
 }