Find range between two dates
Find range between two dates in JavaScript.
by Superman
HTML
<label>Start Date:</label>
<input id="from"> </input>
<label>End Date:</label>
<input id="to"> </input>
<br/><br/><button id="getRange">Get Range of Dates</button>
<select id="dtRange"></select>
JavaScript
(function(){
$("#from").datepicker({onClose:function( selectedDate ) {
$( "#to" ).datepicker( "option", "minDate", selectedDate );
}});
$("#to").datepicker({onClose:function( selectedDate ) {
$( "#from" ).datepicker( "option", "maxDate", selectedDate );
}});
$("#getRange").click(function(){
var start = $("#from").datepicker("getDate");
var end = $("#to").datepicker("getDate");
var currentDate = new Date(start),
endDate = new Date(end),
between = [];
var dtOptions = "";
//Save the range of dates in the between array.
while (currentDate <= endDate) {
between.push(new Date(currentDate));
currentDate.setDate(currentDate.getDate() + 1);
}
//loop through between array and populate the select options.
$.each(between, function (i, val) {
dtOptions += '<option value="' + i + '">'+val+'</"option>';
});
$("#dtRange").html(dtOptions);
console.log(between);
});//end getRange.click function
})();//end (function(){})();