Позиции позиции сортировки по дате

Question

Кто-нибудь может дать мне несколько способов сортировки позиций элементов по дате?

Exmample HTML:

<div class="side left"> 
    <div class="box" data-date="06/29/2013"></div> 
    <div class="box" data-date="06/29/2013"></div> 
    <div class="box" data-date="06/30/2013"></div> 
</div> 

<div class="side right"> 
    <div class="box" data-date="06/28/2013"></div> 
    <div class="box" data-date="06/30/2013"></div> 
</div> 

Я хочу, чтобы отсортировать коробки по дате, кто новее будет идти ниже в нижнее положение, чем новее. (Если вы понимаете)

Я сделал несколько демо в формате GIF, как это ...

Я DonT какую-то часть с этим сейчас:

$('.side .box').each(function(i){ 
     var box = $(this); 
     var date = $(this).data('date'); 
     var format_date = new Date(date); 
     var top = parseInt(box.offset().top); 
     // HERE WE GO !!! 

}); 

Теперь у меня нет идея, как это сделать, может ли кто-нибудь помочь мне или дать какую-то идею?

площадка + Demo:http://jsfiddle.net/b2Wx5/

---

Окей: Я пришел на этот шаг сейчас, любой может рассмотреть его?

http://jsfiddle.net/b2Wx5/7/

Любой?

Answer 1

Вы используете этот плагин http://james.padolsey.com/javascript/sorting-elements-with-jquery/. Добавить изменения в sortElements, чтобы рассмотреть дату.
Что-то вроде

var date1 = // pass date from first elemnt ; 
    date1 = date1.split('/'); 
    date1 = //pass date from second element; 
    var date2 = $(b).find(".date").text(); 
    date2 = date2.split('/'); 
    date2 = new Date(date2[2], date2[1] - 1, date2[0]); 
    return date1 < date2 ? 1 : -1; 

Есть подобный вопрос How to sort div's by content date. Добавив к нему несколько изменений, вы можете использовать их с вашим sceanrio