JSFiddle - React, Tailwind, and code Playground

by eric banico

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

var data =$('.date').text();
var arr = data.split('-');
$(".date").html("<p class='day'>"+arr[0]+"</p>"+"<p class='month'>"+arr[1]+"</p>"+"<p class='year'>"+arr[2]+"</p>");