JSFiddle - React, Tailwind, and code Playground

by Teuta Koraqi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/js/bootstrap-select.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/css/bootstrap-select.min.css">
<a href="#" id="test">click</a>
<input type="text" id="first">

JavaScript

$("#test").on("click", function(){
  var startInputValue = "10:00 AM";
  var endInputValue = "05:00 PM";
  var timeStart = new Date("01/01/2007 " + startInputValue);
  var timeEnd = new Date("01/01/2007 " + endInputValue);
var diff = (timeEnd - timeStart) / 60000; //dividing by seconds and milliseconds

var minutes = diff % 60;
var hours = (diff - minutes) / 60;
$("#first").val("Total hours" + hours + "and min" + minutes);
})