日期范围选择器-无效日期

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?

Answer 1

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;
    }
  }
}

Answer 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 eg 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 eg ajax.

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