javascript - 如何更改 Angular Material 日期选择器当前日期颜色

Question

如果那天被禁用，我想更改 Angular Material 中当前日期的颜色，因为我已经创建了一个从现在起禁用 2 天的功能。

例如，如果今天是 8-24-16，日期选择器会禁用 8-24-16(今天)和 8-25-16(明天)，所以如果日期被禁用，我想更改显示当前日期的颜色.因为当禁用当前日期时，它会以很难看到的非常浅的蓝色显示当前日期 8-24-16(今天)，所以我想将该颜色更改为更突出的不同颜色。

我试着查看 angular-material 的 css，但我找不到任何与禁用当前日期或正常未禁用当前日期的 css 颜色相关的内容。我不介意同时更改正常当前日期和禁用当前日期的颜色。另外，我禁用天数的功能将日期设置为从现在开始的天数，我不知道这是否会影响某些事情。

这是我的代码

<div class="form-group">
    <label>Delivery Date:</label>
    <md-datepicker ng-model="myDate" md-placeholder="Enter date"
        md-max-date="maxDate"
        md-min-date="minDate"
        md-date-filter="disabledWeekends"
        ng-disabled="disabled">
    </md-datepicker>
</div>

我的 Controller

//adding two days
   $scope.maxDate = new Date(
        $scope.myDate.getFullYear(),
        $scope.myDate.getMonth(),
        $scope.myDate.getDate() + 2);

    $scope.minDate = new Date(
        $scope.myDate.getFullYear(),
        $scope.myDate.getMonth(),
        $scope.myDate.getDate() + 2);


    $scope.myDate = $scope.minDate;


 $scope.disabledWeekends = function (date) {
        var day = date.getDay();
            return day === 1 || day === 2 || day === 3
                    || day === 4 || day === 5;
        };

Answer 1

您可以为禁用日期的 html 标签添加新类，例如:class="disableDates"并在您的 css 文件中为此类定义颜色。