JSFiddle - React, Tailwind, and code Playground

by CJ Ramki

HTML

<b>Using Datepicker value<br/></b>
<input id="from" />
<input id="to" />
<button id="getBetween">Get Between Dates</button>
<div id="results"></div>
<br/>
<br/>
<b>Start date = 2014-07-13, End date =  2014-07-17.
    Click "Get Between Dates 2" button to get the result using you own date String.</b>
<br/>
<button id="getBetween2">Get Between Dates 2</button>
<div id="results2"></div>

JavaScript

$("#from").datepicker();
$("#to").datepicker();

// using Datepicker value example code
$('#getBetween').on('click', function () {
    var start = $("#from").datepicker("getDate"),
        end = $("#to").datepicker("getDate");
    var between = getDates(start, end);
    $('#results').html(between.join('<br> '));
});

// using Date string value example code
$('#getBetween2').on('click', function () {
    var start = new Date('2014-02-13'),
    end = new Date('2014-02-17');
    var between = getDates(start, end);
    $('#results2').html(between.join('<br> '));
});

// This function doing this work.
function getDates(start, end) {
    var datesArray = [];
    var startDate = new Date(start);
    while (startDate <= end) {
        datesArray.push(new Date(startDate));
        startDate.setDate(startDate.getDate() + 1);
    }
    return datesArray;
}