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

我想更改角度材质中当前日期的颜色，如果这一天被禁用，因为我已经制作了一个从现在起禁用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; 
     };

来源

2016-08-24 Bill_Data23

嘿，法案它会很难弄清楚，你可以给我们小提琴链接或其他任何东西吗？您也可以分享任何可用的链接。 –

这就是我对CSS不太了解的东西，所以我不知道从哪里开始看着角度材质的CSS，但我找不到像当前日期颜色或类似的东西，我可以创建一个CSS类，但我怎么知道该特定元素的名称。 –

这就是为什么我们需要查看工作代码来确定导致问题的元素。在chrome浏览器中打开代码并按下'ctrl + shift + i'，然后选择要更改的元素并检查哪个css类正在影响它。 –

-1

您可以禁用日期的HTML标记，如添加新类：在你的CSS类=“disableDates”并定义颜色该类文件。

来源

2016-08-24 12:46:57 frkcn

这听起来不像它会起作用。 –

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

回答

相关问题