jQuery addClass example

Change class name on click in jQuery

by Ryan Brackett

JavaScript

var dateString = '2020-05-19T18:45:00.000-04:00';

// GET DATE
dateStringArray = dateString.split("-");
var year = dateStringArray[0],
  month = dateStringArray[1],
  day = dateStringArray[2].split("T")[0],
  date = month + "-" + day + "-" + year;
  
var month_name = function(dt) {
  mlist = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  return mlist[dt.getMonth()];
};
var month_name = month_name(new Date(date));

// GET TIME
var timeString = dateString.split("T")[1]
timeString = timeString.split(".")[0];

var time = timeString; // your input
time = time.split(':'); // convert to array

// fetch
var hours = Number(time[0]);
var minutes = Number(time[1]);
var seconds = Number(time[2]);

// calculate
var timeValue;

if (hours > 0 && hours <= 12) {
  timeValue = "" + hours;
} else if (hours > 12) {
  timeValue = "" + (hours - 12);
} else if (hours == 0) {
  timeValue = "12";
}

timeValue += (minutes < 10) ? ":0" + minutes : ":" + minutes; // get minutes
timeValue += (hours >= 12) ? "pm" : "am"; // get AM/PM





alert(month_name + " " + day + ", " + year + " at " + timeValue);