2016-08-24 4 views
2

각도 재료에서 현재 날짜의 색을 변경하려면 이일을 사용할 수 없도록 설정 했으므로 해당 날짜를 사용하지 않도록 설정 했으므로 변경해야합니다.각도 재료 날짜 피커 현재 날짜 색을 변경하는 방법

예 오늘 날짜가 8-24-16 일 경우 datepicker가 오늘 8-24-16 (오늘) 및 8-25-16 (내일)을 사용할 수 없도록 설정 했으므로 현재 날짜를 표시하는 색상을 변경하려고합니다. 사용할 수 없습니다. 왜냐하면 현재의 날짜가 비활성화되어있을 때 현재의 날짜 8-24-16 (오늘)을 아주 밝은 파란색으로 보여주기가 어렵 기 때문에 더 많은 것을 강조하는 다른 색으로 그 색을 변경하고 싶습니다.

각도 재료의 CSS를 보았지만 비활성화 된 현재 날짜 또는 비활성화되지 않은 현재 날짜의 CSS 색상과 관련된 것을 찾을 수 없었습니다. 나는 정상적인 현재 날짜와 비활성화 현재 날짜의 색상을 변경하는 데 신경 쓰지 않습니다. 또한, 일을 무력화시킨 나의 기능은 지금부터 지금까지의 날짜를 설정합니다. 이것이 영향을 끼치는 지 모르겠습니다. 당신의 CSS에서이 클래스의 클래스 = "disableDates"및 색상을 정의 : 여기

당신은 예를 들어, 사용하지 않도록 최신의 HTML 태그에 대한 새로운 클래스를 추가 할 수 있습니다

//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

그래서 문제의 원인이되는 요소를 확인하기 위해 작업 코드를 살펴 봐야합니다. 크롬 브라우저에서 코드를 열고'ctrl + shift + i'를 누른 다음 변경할 요소를 선택하고 어떤 css 클래스가 영향을 미치는지 확인하십시오. –

답변

-1

내 코드

<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> 

내 컨트롤러입니다 파일.

+0

작동하지 않는 것 같습니다. –

관련 문제