ui-calendar
ui-calendar copied to clipboard
How to change eventClick color ?
Hello,
I'm able to change the event color like this 👍
/* 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');
$(this).delay(2000).queue(function(next){$(this).css('background-color', item.color);next();});
}
But when I click another event, the first event stay grey and doesnt get his initial color... How could i do please thank you