angular-bootstrap datepicker，如何更改禁用日期樣式？

Question

我正在使用angular-bootstrap datepicker彈出可用日曆，並且不可用日期。

這裏是plunker ......

前面和後面的一個月中日期的風格比禁用天多一點「昏」，但被禁用的日子從啓用那些非常難以區分...

是否可以控制禁用/啓用日期的樣式？我在'btn-info.disabled'類中苦苦掙扎，收效甚微...... :-(我想說的是 - 例如 - 在禁用日期的背景中一些紅色的畢業...

I認爲角-UI-引導的相關部分（版本0.10.0）文件 「UI自舉-tpls.js」 是：

angular.module("template/datepicker/datepicker.html", []).run(["$templateCache", function($templateCache) { 
    $templateCache.put("template/datepicker/datepicker.html", 
    "<table>\n" + 
    " <thead>\n" + 
    " <tr>\n" + 
    "  <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\"><i class=\"glyphicon glyphicon-chevron-left\"></i></button></th>\n" + 
    "  <th colspan=\"{{rows[0].length - 2 + showWeekNumbers}}\"><button type=\"button\" class=\"btn btn-default btn-sm btn-block\" ng-click=\"toggleMode()\"><strong>{{title}}</strong></button></th>\n" + 
    "  <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\"><i class=\"glyphicon glyphicon-chevron-right\"></i></button></th>\n" + 
    " </tr>\n" + 
    " <tr ng-show=\"labels.length > 0\" class=\"h6\">\n" + 
    "  <th ng-show=\"showWeekNumbers\" class=\"text-center\">#</th>\n" + 
    "  <th ng-repeat=\"label in labels\" class=\"text-center\">{{label}}</th>\n" + 
    " </tr>\n" + 
    " </thead>\n" + 
    " <tbody>\n" + 
    " <tr ng-repeat=\"row in rows\">\n" + 
    "  <td ng-show=\"showWeekNumbers\" class=\"text-center\"><em>{{ getWeekNumber(row) }}</em></td>\n" + 
    "  <td ng-repeat=\"dt in row\" class=\"text-center\">\n" + 
    "  <button type=\"button\" style=\"width:100%;\" class=\"btn btn-default btn-sm\" ng-class=\"{'btn-info': dt.selected}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\" datepicker-disabled=\"dt.disabled\"><span ng-class=\"{'text-muted': dt.secondary}\">{{dt.label}}</span></button>\n" + 
    "  </td>\n" + 
    " </tr>\n" + 
    " </tbody>\n" + 
    "</table>\n" + 
    ""); 
}]); 

有沒有人臉和/或

Answer 1

我回答我的問題，如果有人在乎... :-)

我也終於「解決」這個CSS破解，在我的窗體的CSS：

.btn[disabled] { 
    opacity: 0.90; 
    filter: alpha(opacity=90); 
    background-color: #690000; 
    color: #777; 
} 

這顏色用暗紅色背景的禁用日期...我覺得這簡化了日期選擇器的使用情況，當禁用日期可以很多，並且不僅在過去...

Answer 2

之前解決這個問題我只是用外部樣式表覆蓋樣式，這樣你就不會改變UI靴子，如果你想讓其他開發者重用庫，這很重要。

在css中，禁用顏色繼承.btn-default樣式，其中禁用日期的背景與非禁用日期的背景相同。

我會做的是重寫適用於禁用日期的「文本靜音」樣式。