I wanted to create a date range picker where we i can set maximum dateselection range of 3 months so i edited the Daterangepicker.js : let us first look at the date range picker you can add the beautiful date range selector by adding this code


HTML:

input type="text"

jQuery:

$('input').daterangepicker();

now you have to edit daterangepicker.js : i have setted the max date selection range as 3 months you can make it to any of your choice here is my code : http://jsfiddle.net/W2YLr/ what i have edited : i edited the datepicker option section as :


if(rp.find('li.ui-state-active').is('.ui-daterangepicker-allDatesBefore'))
 {
  var edtemp = new Date(new Date(ed).setMonth(ed.getMonth()-3));	
  rangeA=fDate(edtemp);   
 startingDate=edtemp;
  endingDate=ed;    				
  }

you can find some -3 and +3 codes inside the date picker you can change this values with how many months you need it . i also edited the hideRP() function so that now you can get the startdate and enddate through jquery call of the event onClose


$('input').daterangepicker()

{

onClose:function(startdate,enddate)

{

alert("start date:"+startdate+"end date:"+enddate);

}

}