Vue Fullcalendar

Vue.js Full Calendar with Event management inspired by fullCalendar.js

Install

By NPM

@latest works for Vue2 0.1.11 works for Vue1.*

// for Vue2
npm install vue-fullcalendar@latest --save

// for Vue1
npm install vue-fullcalendar@0.1.11 --save 

or download code and include it

<script src='dist/vue-fulcalendar.min.js'>

Usage

Register component globally

// Your entry index.js
import Vue from 'vue'
import App from './App'

import fullCalendar from 'vue-fullcalendar'

Vue.component('full-calendar', fullCalendar)

// Vue2
new Vue({
  el : '#app',
  render: h => h(App),
  template : '<App/>',
  components : {
    App
  }
})

//Vue1

new Vue({
	el : 'body',
	components : {
		App
	}
})

Example

<full-calendar :events="fcEvents" locale="en"></full-calendar>

var demoEvents = [
	{
      title : 'Sunny Out of Office',
      start : '2016-08-25',
      end : '2017-07-27'
    }
]
export default {
  data () {
	return {
	  fcEvents : demoEvents
	}
  },
  components : {
	'full-calendar': require('vue-fullcalendar')
  }
}