af
angular-fullcalendar
npm i angular-fullcalendar
af

angular-fullcalendar

A quick Directive for implement Fullcalendar.js on your AngularJS app

by Javi MB

1.0.1 (see all)License:ISCTypeScript:Not Found
npm i angular-fullcalendar
Readme

Npm version Bower GitHub license GitHub issues

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)

Twitter Follow

Downloads/wk

149

GitHub Stars

13

LAST COMMIT

4yrs ago

MAINTAINERS

1

CONTRIBUTORS

3

OPEN ISSUES

1

OPEN PRs

1
VersionTagPublished
1.0.1
latest
5yrs ago
No alternatives found
No tutorials found
Add a tutorial
No dependencies found

Rate & Review

100
No reviews found
Be the first to rate