JSFiddle - React, Tailwind, and code Playground

by Walter Rumsby

HTML

<div id="output"></output>

JavaScript

Ext.ns('Ext.util.Format');

Ext.util.Format.friendlyLoginDate = function (date) {
  if (date == null) {
    return "";
  }

  var nowUtc = new Date().getTime();
  var dateUtc = date.getTime();
  var diff = nowUtc - dateUtc;
  var days = Math.floor(diff / 1000 / 60 / 60 / 24);
  var hours = Math.floor(diff / 1000 / 60 / 60);
  var mins = Math.floor(diff / 1000 / 60);

  if (days >= 5) {
    return date.format("j M Y");
  }

  if (days === 1) {
    return "1 day ago";
  } else if (days > 1) {
    return String.format("{0} days ago", days);
  } else if (hours === 1) {
    return "1 hour ago";
  } else if (hours > 1) {
    return String.format("{0} hours ago", hours);
  } else if (mins === 1) {
    return "1 minute ago";
  } else if (mins > 1) {
    return String.format("{0} minutes ago", mins);
  }

  return "just now";
};

var date = Ext.util.Format.friendlyLoginDate(new Date("2015-09-24T04:53:52Z"));
var el = document.getElementById("output");
output.innerHTML = date;