如何更改角度材料日期选择器当前日期颜色
问题描述:
我想更改角度材质中当前日期的颜色,如果这一天被禁用,因为我已经制作了一个从现在起禁用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
这听起来不像它会起作用。 –
嘿,法案它会很难弄清楚,你可以给我们小提琴链接或其他任何东西吗?您也可以分享任何可用的链接。 –
这就是我对CSS不太了解的东西,所以我不知道从哪里开始看着角度材质的CSS,但我找不到像当前日期颜色或类似的东西,我可以创建一个CSS类,但我怎么知道该特定元素的名称。 –
这就是为什么我们需要查看工作代码来确定导致问题的元素。在chrome浏览器中打开代码并按下'ctrl + shift + i',然后选择要更改的元素并检查哪个css类正在影响它。 –