Date range picker - invalid date

Question

I am using this date range picke (http://www.daterangepicker.com/#options)

Here are some of options, I understand the most but I need help about "isInvalidDate"

I use this code and it works perfectly. Date 11/12/2015 is disabled and users can't select it.

isInvalidDate: function(date) {
    if (date.format('YYYY-MM-DD') == '2015-11-12') {
        return true; 
    } else {
        return false; 
    }
},

But I need to add few dates to invalid, so user can't use them. I don't know how to do some array and loop through to return true or false days, could anyone help me with this?

Maybe add what language you're using (I'm presuming javascript?). Remeber that you need to validate it again on whatever server side language as well when processing the response. — , Nov 21 '15 at 23:51
Sorry, I forgotten, it is javascript. When I add this code two times in a row, it wont work because than is disabled only last date, not all of them — Domagoj, Nov 29 '15 at 15:17

Aleskei Sakharov · Answer 1 · 2016-04-01T08:52:23.340

9

I hope it will help someone

 var some_date_range = [
  '02-04-2016',
  '03-04-2016',
  '04-04-2016',
  '05-04-2016'
];
"isInvalidDate" : function(date){
  for(var ii = 0; ii < some_date_range.length; ii++){
    if (date.format('DD-MM-YYYY') == some_date_range[ii]){
      return true;
    }
  }
}

edited Apr 01 '16 at 08:52

answered Apr 01 '16 at 07:48

Aleskei Sakharov

103
1
8

2

This should be the accepted answer and it solves the question. – Zac Grierson Jul 06 '17 at 10:45
Nice thank you, didnt realize at first this was in euro format, for me I had to switch to `MM-DD-YYYY` – blamb Aug 02 '17 at 21:44
any option to block picking ranges, containing subrange being invalid ? – andilabs Jul 08 '22 at 13:40
ok. found https://stackoverflow.com/questions/56594721/prevent-selection-of-date-range-with-invalid-date-inbetween – andilabs Jul 08 '22 at 13:41
Nicely worked! Remember folks : i tried to use $.each function but it didn't work on isInvalidDate – Ali Safaei Apr 13 '23 at 17:18

score 2 · Accepted Answer · edited May 23 '17 at 11:59

2

You'll need a way to feed the blocked date from your backend to the client. But let's suppose you solved that and have the dates in an array. All you need to do then is to check if the date in in the array.

See e.g. here: Checking if date belongs to array of dates

To get the invalid dates from the backend you could either put them in the script itself, of have the script fetch the to be blocked dates from the server using e.g. ajax.

Don't forget to revalidate on the server, never trust filtering in the clients to actually happen.

edited May 23 '17 at 11:59

Community

1
1

answered Dec 08 '15 at 23:13

Thanks, i have solved this problem. Just used this code: if (date >= moment('2015-11-11') && date <= moment('2015-11-25')) { return true; } – Domagoj Dec 10 '15 at 06:32

Date range picker - invalid date

2 Answers2

Linked