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

时间:2016-08-24 12:43:15

标签: javascript css angularjs datepicker angular-material

如果当天被禁用,我想更改角度材质中当前日期的颜色,因为我已经创建了一个禁用2天后的功能。

示例如果今天是8-24-16,datepicker禁用8-24-16(今天)和8-25-16(明天),所以我想更改显示当前日期的颜色,如果日期被禁用。因为当当前日期被禁用时,它会以非常浅的蓝色显示8-24-16(今天)的当前日期,因此我想将该颜色更改为突出显示更多的不同颜色。

我试着查看角度材质的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;
        };

1 个答案:

答案 0 :(得分:-1)

您可以为禁用日期的html标记添加新类,例如:class =&#34; disableDates&#34;并在css文件中定义此类的颜色。