set your maximum time range of selection for DateRangePicker.js
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); } }