Access Each Individual Custom Cell With Angular Bootstrap Calendar

I'm working on an app where I need a calendar skeleton (without the standard events) so I can put tables inside each cell, so I'm using the Angular Bootstrap Calendar with custom c

Solution 1:

In this case, RTFM turned out to be the correct answer. Per the docs:

<divng-controller="CellModifierCtrl as vm"><ng-includesrc="'calendarControls.html'"></ng-include><mwl-calendarevents="vm.events"view="vm.calendarView"view-date="vm.viewDate"cell-modifier="vm.cellModifier(calendarCell)"></mwl-calendar></div>

goes with this in the controller:

vm.cellModifier = function(cell) {
  console.log(cell);
  if (cell.label % 2 === 1 && cell.inMonth) {
    cell.cssClass = 'odd-cell';
  }
  cell.label = '-' + cell.label + '-';
};

and voila!, you have access to the data. I'm still trying to figure out how to pass additional data into the function, but I'll open a separate question for that.