JSFiddle - React, Tailwind, and code Playground

by thomas_david88

HTML

<ul id="file-view">
<li data-date="25/12/2011">text one</li>
<li data-date="30/12/2011">hello jaafar</li>
<li data-date="28/12/2011">hello lamis</li>
</ul>

JavaScript

function ddmmyyyy(s){
		var part=s.split(/\//),
			date=new Date()
		date.setYear(part[2])
		date.setMonth(part[1]-1)
		date.setDate(part[0])
		return date
	}
	function ddmmyyyClassSort(a,b){
			var A=ddmmyyyy(a.getAttribute('data-date')),
				B=ddmmyyyy(b.getAttribute('data-date'))
			return A<B? 1 : -1
		}
	$.fn.sortChildren=function(cmp){
		var self=this,
			children=$.makeArray(this.children()).sort(cmp)
		$.each(children, function(i, child){
			self.append(child)
		})
		return self
	}

	$(function(){
		$('#file-view').sortChildren(ddmmyyyClassSort)
	})