如何更改角度材料日期选择器当前日期颜色
How to change the angular-material datepicker current date color
我想改变当前日期在angular-material中的颜色,如果这一天被禁用,因为我已经设置了一个功能,从现在起2天禁用。
例如,如果今天是8-24-16,日期选择器禁用了8-24-16(今天)和8-25-16(明天),所以如果日期被禁用,我想改变显示当前日期的颜色。因为当当前日期被禁用时,它会以非常浅的蓝色显示当前日期8-24-16(今天),这很难看到,所以我想将该颜色更改为另一种颜色,使其更加突出。
我试着查看angular-material的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标签例如:class="disableDates"并在你的css文件中定义这个类的颜色
相关文章:
- 默认情况下,引导日期时间选取器当前日期和当前时间
- JQuery日期选择器-onSelect日期格式
- 禁用jQuery日期选择器的日期选择
- KnockoutJS处理引导程序日期选择器和日期格式
- 查看CSS:invalid选择器当前是否在JavaScript中处于活动状态
- 引导日期选择器将日期设置为1970年之前
- 角度引导日期选择器开始日期函数
- 角度数据-bs-日期选择器指令 + 日期更改
- JavaScript 数据选择器限制日期
- JQuery 日期选择器 - 更改日期格式
- 原生质日期选择器:不同日期时间格式的问题
- Jquery UI 日期选择器设置日期不适用于格式日期的动态更改
- jQuery 日期选择器 - 将日期存储在变量中并打印出来
- 使用基金会日期选择器提交日期
- 同时使用 jquery 时间选择器和日期选择器
- jQuery 日期选择器更改日期格式
- 如何通过日期选择器减去日期
- jquery日期选择器获取日期(第2部分)
- 使用jQuery日期选择器格式化日期
- 如何更改角度材料日期选择器当前日期颜色