JSFiddle - React, Tailwind, and code Playground

by Rob Crowther

HTML

<form oninput="date_diff()">
    <label for="date1">First date:</label>
    <input id="date1" type="date" value="2011-08-24">
    <label for="date2">Second date:</label>
    <input id="date2" type="date" value="2011-08-25">
</form>
<div id="logger"></div>

CSS

div, form {
    margin: 1em 0;
}

JavaScript

function date_diff() {
    var d1 = new Date(document.getElementById('date1').value);
    var d2 = new Date(document.getElementById('date2').value);
    document.getElementById('logger').innerHTML = d1.toString() + ' and ' + d2.toString() + ' are ' + ((d2 - d1)  / 1000 / 60 / 60 / 24) + ' days apart';
}