JSFiddle - React, Tailwind, and code Playground

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").each(function()
                {
                var data =$(this).text();
var arr = data.split('-');
$(this).html("<p class='day'>"+arr[0]+"</p>"+"<p class='month'>"+arr[1]+"</p>"+"<p class='year'>"+arr[2]+"</p>");
                });