JSFiddle - React, Tailwind, and code Playground

by tihg7947

HTML

<input id='StartDate' name='StartDate' value=''>
<input id='EndDate' name='EndDate' value=''>

JavaScript

$("#StartDate").datepicker({
        changeMonth: true,
        changeYear: true,
    });
    $("#EndDate").datepicker({
        changeMonth: true,
        changeYear: true,        
        onSelect: function () {
            datediff();
        }
    });

    function datediff() {
        if (($('#StartDate').val().length !== 0) && ($('#EndDate').val().length !== 0)) {

            var StartDate = $('#StartDate').datepicker('getDate');
            var EndDate = $('#EndDate').datepicker('getDate');
            //Divide by 1000ms, 60secs, 60mins, 24hours - you get number of days.
            var numOfDays = Math.abs(new Date(EndDate - StartDate))/1000/60/60/24;
            alert(numOfDays + ' Days');
        }
    }