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)