如何更改角度材料日期選擇器當前日期顏色

我想更改角度材質中當前日期的顏色，如果這一天被禁用，因爲我已經制作了一個從現在起禁用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

這聽起來不像它會起作用。 –

如何更改角度材料日期選擇器當前日期顏色

回答

相關問題