jQuery datepicker排除日期

Question

我想從jQuery datepicker ui做排除日期的不同類型。那些在下面。

• 單日期：一個或多個特定日期。
• 經常性日子：日曆應該從日曆中停用，例如：星期日。
• 經常性日期：應該始終禁用特定日期。
• 期間：禁用兩個日期範圍之間的日期。
• 經常性週期：反覆禁用兩個日期範圍之間的日期。

我的JSON DATA

{ 「單」：[ 「2012年2月4日」， 「2012/3/2」 ]， 「recurrent_day」：[]， 「recurrent_date」：[]， 「期間」：[{ 「從」： 「2012年2月21日」， 「到」： 「2/22/2012」 } ]， 「recurrent_period」：[{ 「從」： 「2012/2/28」， 「到」： 「2012/2/29」， 「期間」： 「每月」 } ]}

我該怎麼做，有人幫助我。

謝謝。

Answer 1

隨便用beforeShowDay回調。對不起，我有一個recurrent_period中的錯誤，我花了一段時間才發現。我在測試套件中添加了「年度」案例。讓我知道是否有任何我在這裏看過的東西。有趣的問題！ jsFiddle

var invalid = { "single": [ "2/4/2012", "3/2/2012" ], "recurrent_day": [ 0 ], "recurrent_date": [ 28 ], "period": [ { "from": "2/21/2012", "to": "2/22/2012" } ], "recurrent_period": [ { "from": "2/28/2012", "to": "2/29/2012", "period": "monthly" },{ "from": "2/7/2012", "to": "2/9/2012", "period": "yearly" } ] }; 
function single(date){ 
    var USdate = (date.getMonth() + 1) + "/" + date.getDate() + "/" + date.getFullYear(); 
    return ($.inArray(USdate,invalid.single) > -1); 
} 
function recurrent_day(date){ 
    return ($.inArray(date.getDay(),invalid.recurrent_day) > -1); 
} 
function recurrent_date(date){ 
    return ($.inArray(date.getDate(),invalid.recurrent_date) > -1); 
} 
function period(date){ 
    var i, num, period, start, startArray, end, endArray; 
    num = invalid.period.length; 
    for(i=0;i<num;i++){ 
     period = invalid.period[i]; 
     startArray = period.from.split('/'); 
     start = new Date(startArray[2], (startArray[0] - 1), startArray[1]); 
     endArray = period.to.split('/'); 
     end = new Date(endArray[2], (endArray[0] - 1), endArray[1]);   
     if(date>=start && date<=end){ 
      return true; 
     } 
    } 
    return false; 
} 
function recurrent_period(date){ 
    var i, num, period, recurrence, startArray, endArray, startDay, endDay, start, end; 
    num = invalid.recurrent_period.length; 
    for(i=0;i<num;i++){ 
     period = invalid.recurrent_period[i]; 
     recurrence = period.period; 
     startArray = period.from.split('/'); 
     endArray = period.to.split('/'); 

     if(recurrence === 'monthly'){ 
      startDay = parseInt(startArray[1], 10); 
      endDay = parseInt(endArray[1], 10); 
      if(date.getDate() >= startDay && date.getDate() <= endDay){ 
       return true;    
      }    
     }else if(recurrence === 'yearly'){ 
      start = new Date(date.getFullYear(), (startArray[0] - 1), startArray[1]); 
      end = new Date(date.getFullYear(), (endArray[0] - 1), endArray[1]); 
      console.log({start:start.toDateString() ,end:end.toDateString(),day:date.toDateString()}) 
      if(date>=start && date<=end){ 
       return true; 
      } 
     } 
    } 
    return false; 
} 

$('input').datepicker({ 
    beforeShowDay: function(date){ 
     if(single(date)){ 
      return [false]; 
     }else if(recurrent_day(date)){ 
      return [false]; 
     }else if(recurrent_date(date)){ 
      return [false]; 
     }else if(period(date)){ 
      return [false]; 
     }else if(recurrent_period(date)){ 
      return [false]; 
     } 
     return [true]; 
    } 
});