JSFiddle - React, Tailwind, and code Playground

by Yauheni Pakala

HTML

<div id="oneDate"></div>
<div id="secondDate"></div>
<div id="difference"></div>

CSS

#difference {
    margin-top: 20px;
    color: #f00;
}

JavaScript

(function(){
    'use strict';
    
    var differenceTwoDates = function(date1, date2) {
        var oneDay = 864E5;
        var diff = Math.abs(date1.getTime() - date2.getTime());
        return Math.round(diff / oneDay);
    };
    
    
    
    var oneDate = new Date("12/12/2014");
    var secondDate = new Date("12/10/2014");    
    var difference = differenceTwoDates(oneDate, secondDate);
    
    document.getElementById("oneDate").innerText = oneDate;
    document.getElementById("secondDate").innerText = secondDate;
    document.getElementById("difference").innerText = "Difference Between Two Dates: " + difference + " days.";

}());