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

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

以上是 如何更改角度材料日期选择器当前日期颜色 的全部内容, 来源链接: utcz.com/qa/259686.html

回到顶部