Fullcalendar.io with ionic 2 from forum

fullcalendar_with_ionic2.md

Hello Victor,

I just started using this plugin today so I'm not an expert but here is what I did to make it work.

1. npm install angular2-fullcalendar --save
2. Create a new component: ionic g component full-calendar
3. In full-calendar.html I inserted:

<angular2-fullcalendar [options]="calendarOptions"></angular2-fullcalendar>

4. In full-calendar.ts:

import { Component } from '@angular/core';
@Component({
  selector: 'full-calendar',
  templateUrl: 'full-calendar.html'
})
export class FullCalendarComponent {
  calendarOptions:Object = {
    height: 'parent',
    contentHeight: 'auto',
    fixedWeekCount : false,
    defaultDate: '2016-09-12',
    editable: true,
    eventLimit: true, // allow "more" link when too many events
    defaultView: 'agendaWeek',
    allDaySlot: false,
    minTime: '06:00:00',
    maxTime: '23:00:00',
    header: {
      left: '',
      center: 'prev, title, next',
      right: ''
    },
    events: [
      {
        title: 'All Day Event',
        start: '2016-09-01'
      },
      {
        title: 'Long Event',
        start: '2016-09-07',
        end: '2016-09-10'
      }
    ]
  }
}

5. Finaly, in the page which needs to use it add:

<full-calendar></full-calendar>

Don't forget to import full-calendar component into app.module.ts

And about the scss, I copied and pasted from node-modules/fullcalendar/dist/fullcalendar.css