2  

You need to reverse the logic by changing return [true, ''] and return [false, ''] to return [false, ''] and return [true, ''] respectively. You also need to remove minDate: ranges[0].start and maxDate: ranges[ranges.length -1].end

您需要通过更改return [true,'']并返回[false,'']来返回[false,'']并分别返回[true,'']来反转逻辑。您还需要删除minDate:ranges [0] .start和maxDate:ranges [ranges.length -1] .end

Here's a demo (I've changed the dates slightly to make it easier to see the effect. Just go forward to September 2016).

这是一个演示(我稍微改变了日期,以便更容易看到效果。只需前进到2016年9月)。

var ranges = [ { start: new Date(2016, 8, 1), end: new Date(2016, 8, 20) },
               { start: new Date(2016, 9, 1), end: new Date(2016, 9, 20) },
               { start: new Date(2016, 10, 1), end: new Date(2016, 10, 20) } ];

$(function() {
  $("#datepicker").datepicker({
    numberOfMonths: 1,
    beforeShowDay: function(date) {
        for(var i=0; i<ranges.length; i++) {
          if(date >= ranges[i].start && date <= ranges[i].end) return [false, ''];
        }
        return [true, ''];
    }
  });
});

@import url(https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<input type="text" id="datepicker">

Edit

Just a quick edit here to address the date issue. Your date format is a non-standard d(d)-m(m)-yyyy. You can get it to a standard format pretty easily by converting it to an array, having the values [day,month,year] as numeric strings (e.g. ["4", "27", "2016"] for 27-4-2016). Here's a snippet to do that

只需在此处快速编辑即可解决日期问题。您的日期格式是非标准d(d)-m(m)-yyyy。您可以通过将其转换为数组,将值[日,月,年]作为数字字符串(例如[“4”,“27”,“2016”]为27-4-)轻松地将其转换为标准格式2016)。这是一个片段

// our date-like string and an array equivalent
var d = '27-4-2016',
    dArray = d.split('-');
// rearrange the month and day
dArray.splice(1, 0, dArray.shift());
// create a date object called date and pass our array to the constructor
var date = new Date(dArray); // Result: Wed Apr 27 2016 00:00:00 GMT-0500 (CDT)