angular-fullcalendar directive

A simple and lite directive for quickly include Fullcalendar (v.3) in your AngularJS projects. Perfomed for AngularJS 1.6.x

You can view DEMO.

How to use

Installing package with bower:

    bower install angular-fullcalendar --save

Installing pacakge with npm:

    npm i  angular-fullcalendar --save

Use directive as an attribute and you can pass the fullcalendar options and the list of events in ngModel.

  <div fc fc-options="optionsObj" ng-model="eventsObj" ></div>

You can use the Arshaw Fullcalendar options in official docs.

    //  <div fc fc-options="calendarOptions" ng-model="events" ></div>
    var app = angular.module('demo', ['angular-fullcalendar']);
    app.controller('CalendarCtrl', function($scope) {
        $scope.calendarOptions = {

        };
        $scope.events = [
            {
                title: 'My Event',
                start: new Date(),
                description: 'This is a cool event',
                color:'#5f6dd0'
            },
            {
                title: 'My Event',
                start: new moment().add(1,'days'),
                description: 'This is a cool event',
                color:'#af6dd0'
            }
        ]
    });

Requirements

• AngularJS (1.6.x)
• Fullcalendar.js 3.0 and its dependencies
• gcal-plugin (optional)