JSFiddle - React, Tailwind, and code Playground

by Yevgeniy

HTML

<div id="result"></div>

JavaScript

//messing with dates
var div = document.getElementById("result");
var now = new Date();
var clientCount = 10;
var a = [];
var secMod = 1000;
var minMod = secMod * 60;
var hrMod = minMod * 60;
var sourceDate = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 10, 10, 10, 0);

var addMinutes = function (tm2, m) {
    var tm = tm2.getTime();
    tm += m * minMod;
    return new Date(tm);
};

var getDiffInMinutes = function(start, finish) {
    var a = start.getTime();
    var b = finish.getTime();
    return Math.floor((b-a)/minMod) + " min";
};

for (var i = 0; i < 10; i++) {
    var r = {};
    r.date = addMinutes(sourceDate, i*12);
    r.checkoutDate = new Date(addMinutes(r.date, 15));//new Date(2014, 1, i % 5, 10, 15, 10, 0);
    r.r = ["r " + clientCount, "clo " +(clientCount + 1)];
    r.d = getDiffInMinutes(r.date, r.checkoutDate);
    a.push(r);
}

for(var j=0;j<a.length;j++) {
  div.innerHTML += JSON.stringify(a[j]);
  div.innerHTML +="<br />";
}