JSFiddle - React, Tailwind, and code Playground

by ronnjoe

JavaScript

/// Date and time split and compare

var months = {};
months["Jan"] = "January";
months["Feb"] = "February";
months["Mar"] = "March";
months["Apr"] = "April";
months["May"] = "May";
months["Jun"] = "June";
months["Jul"] = "July";
months["Aug"] = "August";
months["Sep"] = "September";
months["Oct"] = "October";
months["Nov"] = "November";
months["Dec"] = "December";

var abc = "Thu, 23 Jul 2015 05:03:12";
bbc = "22-Jul-15 10:07"

ccd  =abc.split(",");
//console.log(ccd);

ddc = ccd[1].split(" ");
var selectmonth = ddc[2];
selectmonth = months[selectmonth];
var lastIndex = ddc[4].lastIndexOf(":");
newtime =  ddc[4].substring(0, lastIndex); 
var currentTime = selectmonth+" "+ddc[1]+", "+ddc[3]+" "+newtime;
//console.log(currentTime);

fff = bbc.split(" ");
vvv = fff[0].split("-");
var selectmonth = vvv[1];
newMon = months[selectmonth];
//console.log(vvv);
var AssTime  = newMon+" "+vvv[0]+", "+"20"+vvv[2]+" "+fff[1];

//console.log(AssTime);

var source = ((Date.parse(currentTime) - Date.parse(AssTime)) / 60000) + "mins";

//alert(( new Date("1970-01-01 12:42") - new Date("1970-01-01 9:42") ) );
//var source  ="- 291 mins";
var timeDiff = source,
                negativeMinutes = (timeDiff.indexOf("-") > -1) ? "- " : "",
                actualMins = timeDiff.replace(/[\- \ mins\.]+/g, ""),
                hours = Math.floor(actualMins / 60),
                minutes = actualMins % 60;
            if (hours > 1) {
                hours = hours + ' hrs' + " ";
            } else if (hours === 1) {
                hours = hours + ' hr' + " ";
            } else {
                hours = "";
            }
            if (minutes > 0) {
                minutes = minutes + ' mins';
            } else if (hours === 1) {
                minutes = minutes + ' min';
            }
            var totalTime = (timeDiff.indexOf("-") > -1) ? ('<span class="redText" title="-' + actualMins + '">- ' + hours + minutes + '</span>') : ('<span title=' + actualMins + '></span>' + hours +...