Fullcalendar and Ionic


I Have implemented fullcalendar in my Ionic project. Now, I would like to change the color of a TD by clicking on it. This is to indicate which day is selected(clicked).

I know jQuery and I found a little script that does this:

    dayClick: function(date, allDay, jsEvent, view) {

But in my ionic project, there isn’t used any jQuery. So instead of ‘$(“selector”).fullcalendar’ I use:

$scope.dayClick = function(date, allDay, jsEvent, views){
          //I would like to do the same as code above

So, for instance, with the second piece of code I would like to make the clicked day, red. And all other days have their own ‘normal’ class.

Thanks in advance,



Can anyone help please?


Check out this post: http://stackoverflow.com/questions/20460369/adding-and-removing-classes-in-angularjs-using-ng-click
I believe it should answer your question…


I did this for you… hope it helps…




Not quite… I see what you did there, I use this on other views in my app. But in combination with ‘fullcalendar’ it seems a bit different. There is just one line in my HTML code:

<div class="calendar" ng-model="eventSources" calendar="myCalendar" config="uiConfig.calendar" ui-calendar="uiConfig.calendar"></div>

Every spot (number) on the calendar has its own data value, generated by JavaScript. To change the ‘selectedDate’ to the clicked day, the following code is used:

$scope.dayClick = function(date, allDay, jsEvent, views){
      $scope.selectedDate = $filter('date')(new Date(date));
/* config object */
$scope.uiConfig = {
    aspectRatio: 1,
    editable: false,
    firstDay: 1,
      left: 'prev',
      center: 'title',
      right: 'next'
    dayClick: $scope.dayClick,
    dayNames:['Sunday', 'Monday','Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
    dayNamesShort: ['S', 'M','T', 'W', 'T', 'F', 'S']

In the function ‘DayClick’ should be something to add the class…


Can anyone help please?




this post shows how to add a class to an element
hope it hepls a bit