• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

JavaScript 来源:Bill_Data23 3次浏览

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


===========解决方案如下:

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


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)