JSFiddle - React, Tailwind, and code Playground

HTML

<!---------------------------------------------- CHAPITRE ----------------------------------------------->
 
 
<table id="foo" border="1">
    <tr>
        <td>doc1 modifié le 01/01/14</td>
    </tr>
    <tr>
        <td>doc1 modifié le 21/03/14</td>
    </tr>
    <tr>
        <td>doc1 modifié le 09/12/14</td>
    </tr>
    <tr>
        <td>doc1 modifié le 05/07/14</td>
    </tr>
    <tr>
        <td>doc1 modifié le 28/08/14</td>
    </tr>
    <tr>
        <td>doc1 modifié le 27/02/13</td>
    </tr>
</table>
<input type="button" value="asc" id="asc" />
<input type="button" value="desc" id="desc" />

JavaScript

var sens;

function sortdate(a, b, c) {
    reg = /(\d{2})\/(\d{2})\/(\d{2})/;
    dateA = a.getElementsByTagName('td')[0].innerHTML.match(reg)
    dateA.shift();
    dateA = dateA.reverse().join('');
    
    dateB = b.getElementsByTagName('td')[0].innerHTML.match(reg)
    dateB.shift();
    dateB = dateB.reverse().join('');
    console.log(+dateA - +dateB)
    
    return (+dateA - +dateB) * ((sens == "asc") ? 1 : -1);
}

function sortTable(way) {
    sens = way;
    getlignes = document.getElementsByTagName('tr');
    tablignes = new Array();
    var i = -1;
    while (getlignes[++i]) {
        tablignes.push(getlignes[i]);
    }

    tablignes.sort(sortdate);
    var i = -1;
    while (tablignes[++i]) {
        document.getElementById('foo').appendChild(tablignes[i]);
    }
}

function init() {
    document.getElementById('asc').addEventListener('click', function () {
        sortTable('asc')
    })
    document.getElementById('desc').addEventListener('click', function () {
        sortTable('desc')
    })
}
init();