JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<p>Posted on <time datetime="<?php echo date('Y-m-d H:i:s'); ?>"></time></p>
</body>
CSS
p {
font-family: 'Helvetica Neue', arial, sans-serif;
font-size: 20px;
color: #525252;
}
JavaScript
var times = document.getElementsByTagName('time')
function prettyTime(dateString) {
if (!dateString)
return 'unknown date';
var d = new Date(dateString);
return d.toDateString();
}
for (var i = 0; i < times.length; i++) {
var t, d;
t = times[i];
d = t.getAttribute('datetime')
t.innerHTML = prettyTime(d);
}