Javascript 如何在jQuery Datepicker ui中阻止多个日期范围

Javascript 如何在jQuery Datepicker ui中阻止多个日期范围,javascript,jquery,jquery-ui,datepicker,jquery-ui-datepicker,Javascript,Jquery,Jquery Ui,Datepicker,Jquery Ui Datepicker,我有这个代码要继续,但我希望这些日期被阻止,而不是启用。所以反过来说。 有人知道如何基于此代码执行此操作吗? 万分感谢 var ranges = [ { start: new Date(2010, 8, 1), end: new Date(2010, 8, 20) }, { start: new Date(2010, 9, 1), end: new Date(2010, 9, 20) }, { start: new Date(2010,

我有这个代码要继续,但我希望这些日期被阻止,而不是启用。所以反过来说。 有人知道如何基于此代码执行此操作吗? 万分感谢

var ranges = [ { start: new Date(2010, 8, 1), end: new Date(2010, 8, 20) },
               { start: new Date(2010, 9, 1), end: new Date(2010, 9, 20) },
               { start: new Date(2010, 10, 1), end: new Date(2010, 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 [true, ''];
        }
        return [false, ''];
    },
    minDate: ranges[0].start,
    maxDate: ranges[ranges.length -1].end
  });
});​

另外,我的日期格式是dd-mm-yy。我对日期格式有点困惑。

您需要颠倒逻辑,分别将return[true]和return[false]更改为return[false]和return[true]。您还需要删除minDate:ranges[0]。开始和maxDate:ranges[ranges.length-1]。结束

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

var ranges=[{开始:新日期2016,8,1,结束:新日期2016,8,20}, {开始:新日期2016,9,1,结束:新日期2016,9,20}, {开始:新日期2016,10,1,结束:新日期2016,10,20}]; $function{ $datepicker.datepicker{ 月数:1, beforeShowDay:functiondate{
forvar i=0;i=ranges[i]。开始和结束日期您需要通过分别将return[true]和return[false]更改为return[false]和return[true],来反转逻辑。您还需要删除minDate:ranges[0]。开始和maxDate:ranges[ranges.length-1]。结束

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

var ranges=[{开始:新日期2016,8,1,结束:新日期2016,8,20}, {开始:新日期2016,9,1,结束:新日期2016,9,20}, {开始:新日期2016,10,1,结束:新日期2016,10,20}]; $function{ $datepicker.datepicker{ 月数:1, beforeShowDay:functiondate{
forvar i=0;i=范围[i].开始和约会嗨,约瑟夫,太好了!我刚看到你的答案,但你真的用lightspeed回答了这个问题!那么日期格式呢?我的日期格式是:d-m-yy,27-4-2016@ItsMagic我将对我的答案进行编辑,以解决日期格式问题。嗨,约瑟夫,太好了!我刚刚看到你的答案,但你确实回答了这个问题我的日期格式是:d-m-yy,27-4-2016@ItsMagic我将在回答中添加一个编辑,以解决日期格式问题。