如何更改角度材料日期选择器当前日期颜色

How to change the angular-material datepicker current date color

本文关键字:选择器 当前日期 颜色 日期 材料 何更改      更新时间:2023-09-26

我想改变当前日期在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>

我的控制器

//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;
        };

你可以添加一个新的类来禁用日期的html标签例如:class="disableDates"并在你的css文件中定义这个类的颜色