JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<input type="text" id="date1" class="fromdate"  type="date">
<input type="text" id="date2" class="todate" type="date">
<input type="text" id="calculated" class="calculated">

JavaScript

$(document).ready(function () {
    var selector = function (dateStr) {
            var d1 = $('.fromdate').datepicker('getDate');
            var d2 = $('.todate').datepicker('getDate');
            var diff = 0;
            if (d1 && d2) {
                diff = Math.floor((d2.getTime() - d1.getTime()) / 86400000); // ms per day
            }
            $('.calculated').val(diff);
        }
    $(".fromdate").datepicker({
        minDate: new Date(2012, 7 - 1, 8),
        maxDate: new Date(2012, 7 - 1, 28)
    });
    $('.todate').datepicker({ 
        minDate: new Date(2012, 7 - 1, 9),
        maxDate: new Date(2012, 7 - 1, 28)
    });
    $('.fromdate,.todate').change(selector)
});