JSFiddle - React, Tailwind, and code Playground

by salman

HTML

<span class="timeago" title="7/4/2012 9:28:30 AM">7/4/2012 9:28:30 AM</span>

JavaScript

$(function() {
    function formatDate(d) {
        var yy = d.getFullYear();
        var mm = d.getMonth() + 1;
        var dd = d.getDate();
        var hh = d.getHours();
        var ii = d.getMinutes();
        var ss = d.getSeconds();
        var ap;
        if (hh < 12) {
            if (hh === 0) {
                hh = 12;
            }
            ap = "AM";
        }
        else {
            if (hh > 12) {
                hh -= 12;
            }
            ap = "PM";
        }
        return mm + "/" + dd + "/" + yy + " " + hh + ":" + ii + ":" + ss + " " + ap;
    }
    $("span.timeago").each(function() {
        var dateInput = $(this).text();
        var dateInUTC = new Date(dateInput + " +0000");
        var dateOutput = formatDate(dateInUTC);
        $(this).attr("title", dateOutput).text(dateOutput);
    });
});