JSFiddle - React, Tailwind, and code Playground

by Teuta Koraqi

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment.js"></script>
<div id="date"></div>

JavaScript

debugger;

var todayDate = moment().format("DD-MM-YYYY"); // today
var timesheetDate = "23-02-2017"; // timesheet day
var currentTime = moment().format("h:mm a");
var clockIn = "11:30 am";
var clcokOut = "11:00 am";
var currentTimeFomrat = moment(currentTime, 'h:mm:ss a');
var clockInFomrat = moment(clockIn, 'h:mm:ss a');
var clockOutFomrat = moment(clcokOut, 'h:mm:ss a');


if(todayDate == timesheetDate) {
if (clockInFomrat > currentTimeFomrat) {
       document.getElementById("date").innerHTML = todayDate + "  " + timesheetDate;
   }
else if(clockOutFomrat > currentTimeFomrat) {
       document.getElementById("date").innerHTML = "Clock Out Is greater than Current time"
   }
else {
       document.getElementById("date").innerHTML = "Clock In Is greater than Current time"
   }
}