角度uiカレンダーでeventClickの色を変更するにはどうすればよいですか？

Question

私はこのようなイベントの色に変更することができるよ：

 /* config object */ 
    $scope.uiConfig = { 
     calendar:{ 
     height: 650, 
     editable: true, 
     header:{ 
      left: 'title', 
      center: '', 
      right: 'today prev,next' 
     }, 
     eventClick: $scope.alertOnEventClick, 
     eventDrop: $scope.alertOnDrop, 
     eventResize: $scope.alertOnResize, 
     eventRender: $scope.eventRender, 
     monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Aout', 'Septembre', 'Octobre', 'Novembre', 'Décembre'], 
     dayNamesShort: ["Dim", "Lun", "Mar", "Merc", "Jeud", "Vend", "Same"], 
     dayClick: $scope.newrendezVous 

     } 
    }; 

$scope.alertOnEventClick = function(item, jsEvent, view){ 
     $(this).css('background-color', 'grey'); 
} 

をしかし、私は別のイベントをクリックすると、最初のイベントは灰色滞在し、彼の初期の色を取得doesntの...どのように私はあなた

に感謝して下さいんでした

Answer 1

.css()で操作.addClass()/.removeClass()ではなく、手動で（あなたがセレクタとして使用することができます）CSSクラスを使用してみてください：

$scope.alertOnEventClick = function(item, jsEvent, view) { 
 
    $(".full-calendar-highlight").removeClass("full-calendar-highlight"); 
 
    $(jsEvent.target).addClass("full-calendar-highlight"); 
 
};

.full-calendar-highlight { 
 
    background-color: gray; 
 
}