2016-08-24 20 views
2

今から2日後に無効にする機能を作成したので、その日が無効になっている場合は、角度素材の現在の日付の色を変更します。角度素材の日付ピッカーの現在の日付の色を変更する方法

例今日が8-24-16の場合、日付ピッカーは8-24-16(今日)と8-25-16(明日)を無効にするため、現在の日付を表示する色を変更したい無効にする。現在の日付が無効になっていると、現在の日付8-24-16(今日)が非常に薄い青色で表示されにくいので、その色を別の色に変更して、より多くの色を強調したいからです。

角度素材のCSSを見てみましたが、無効な現在の日付または無効ではない現在の日付のCSS色に関連するものは見つかりませんでした。私は通常の現在の日付と無効な現在の日付の両方の色を変更しても構いません。また、日を無効にする私の関数は、これが何かに影響するかどうかわからない今から日を設定します。クラス=「disableDates」とあなたのCSSでこのクラスの色を定義します。ここでは

は、無効日付のHTMLタグなどのために新しいクラスを追加することができます私のコード

<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

そのため、問題の原因となっている要素を特定するために作業コードを調べる必要があります。クロムブラウザでコードを開き、 'ctrl + shift + i'を押して、変更したい要素を選択し、どのCSSクラスがそれに影響しているかを確認します。 –

答えて

-1

ですファイル。

+0

それはうまくいきません。 –

関連する問題