Question

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

我无法获得＆＃39; date＆＃39;排序正常工作。我在每个要排序的元素中打印日期，并将一个.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'));
        }
 }

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

1 个答案: