2016-08-24 3 views
2

Я хочу изменить цвет текущей даты в угловом материале, если этот день отключен, так как я создал функцию, которая отключается через 2 дня.Как изменить угловой материал datepicker текущей даты цвет

Пример, если сегодня 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; 
     }; 
+0

Эй, это будет очень сложно понять, как вы можете дать нам ссылку на скрипку или что-нибудь еще? Вы также можете поделиться любой уже доступной ссылкой. –

+0

вот что я не слишком много знаю о CSS, поэтому я не знаю, с чего начать. Я посмотрел на угловой материал css, но я не мог найти ничего подобного текущему цвету или что-то в этом роде, я мог бы создайте класс css, но как узнать имя этого конкретного элемента. –

+0

Вот почему нам нужно посмотреть рабочий код, чтобы определить элемент, который вызывает проблему. Откройте код в браузере Chrome и нажмите 'ctrl + shift + i', затем выберите элемент, который вы хотите изменить, и проверьте, какой класс css влияет на него. –

ответ

-1

Вы можете добавить новый класс для HTML-теги отключить Дейта например: класс = «disableDates» и определить цвет для этого класса в вашем CSS файл.

+0

Это звучит не так, как будто это сработает. –

Смежные вопросы