在jquery datepicker中設置可用日期爲綠色？

Question

我嘗試在日期選擇器綠色中提供可用日期。 Sofar我設法將顏色更改爲綠色的所有日期。雖然可用的日期是較暗的綠色，但我寧願將不可用的設置爲灰色。我怎麼能做到這一點？以下是我的代碼。

JS：

$(function() { 
     var availableDates = ["9-5-2017","14-5-2017","15-5-2017"]; 

     function available(date) { 
      dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear(); 
      if ($.inArray(dmy, availableDates) != -1) { 
       return [true, "","Available"]; 
      } else { 
       return [false,"","unAvailable"]; 
      } 
     } 

     $("#datepicker").datepicker({ 
      firstDay: 1, 
      dayNamesMin: ['Sö', 'Må', 'Ti', 'On', 'To', 'Fr', 'Lö'], 
      beforeShowDay: available 
     }); 
    }); 

CSS：

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
    color: green; 
    background: lightgreen; 
} 

編輯：在功能上可部分解決方案（它只會改變邊框）：

return [true, "availableStyle","Available"]; 
// CSS 
.availableStyle { 
    background: green !important; 
} 

Answer 1

添加這個CSS規則：

.ui-state-disabled .ui-state-default { 
    color: black; 
    background: white; 
} 

小提琴：https://jsfiddle.net/jds6Lb3x/