Calendario Caldata from Database

Hello,

I am trying to create a calendar that reads the events from a database instead of reading them from the events-data.js file but I am not sure how to do that.

var cal = $( '#calendar' ).calendario( {
      onDayClick : function( $el, $contentEl, dateProperties ) {

        for( var key in dateProperties ) {
          console.log( key + ' = ' + dateProperties[ key ] );
        }

      },
      caldata : canvasEvents
    } ),
    $month = $( '#calendar-month' ).html( cal.getMonthName() ),
    $year = $( '#calendar-year' ).html( cal.getYear() );

I have tried adding <?php?> code instead of the canvasEvents but its not working.

Thank you! Its working properly now.