JSFiddle - React, Tailwind, and code Playground

by Göran Andersson

HTML

<ul>
    <li><div class="date">23-05-2013</div></li>
    <li><div class="date">25-07-2014</div></li>
    <li><div class="date">01-05-2014</div></li>
</ul>

CSS

.day{color:#ccc;}
.month{color:#ff0000;}
.year{color:green;}

JavaScript

$(".date").html(function(i, h) {
    var arr = h.split('-');
    return "<p class='day'>"+arr[0]+"</p>"+"<p class='month'>"+arr[1]+"</p>"+"<p class='year'>"+arr[2]+"</p>";
});