jQuery Datepicker - 去強調（而不是禁用）過去的日期

Question

我想在jquery ui datepicker中灰掉過去的日期，但讓用戶能夠選擇它們。

唯一允許類似的東西是選項minDate: 0，但它被設計爲完全禁用過去的日期。 Jquery甚至沒有用不同的類標記它們以簡單地應用不同的樣式。

Answer 1

你試過beforeShowDay回調函數？

下面是一個簡單示例：https://jsfiddle.net/salih0vicX/wnenpfpx/

---

$("#datepicker").datepicker({ 
     beforeShowDay : function(date) 
     { 
      var today = new Date(); 
      var isToday = (today>date); 
      if(isToday) return [true, 'myClass', 'Some caption (if needed)']; 
      else return [true, '', '']; //default ... you can pass false to disable this date 
     }, 
    }); 

Answer 2

這應該做你想要什麼：

$('.datepicker').datepicker({ 
    beforeShowDay: function (date) { 
     var d = date.getTime(); 
     if (d < new Date()) { 
      return [true, 'myClassForPastDates', '']; 
     } else { 
      return [true, '']; 
     } 
    } 
}); 

在你返回你要追加的類名稱的功能。但是你必須查看你如何覆蓋默認主題的CSS。

http://jsfiddle.net/97L93a3h/21/