A simple light directive
Code on githubAs an attribute
<div fc fc-options="calendarOoptions" ng-model="events" > </div>
Then in your controller just add the calendar options and the list of events
$scope.calendarOoptions = {
//.. Fullcalendar.js options click here to view details
};
$scope.events = [
{
title: 'My Event',
start: new Date(),// :) how you can use Date
description: 'This is a cool event',
color:'#5f6dd0'
},
{
title: 'My Event',
start: new moment().add(1,'days'), // :) or MomentJS
description: 'This is a cool event',
color:'#af6dd0'
}
];
- AngularJS (1.6.x)
- MomentJS
- Fullcalendar.js 3.0 and its dependencies
- gcal-plugin (optional)