vue项目中vue-fullcalendar的使用（行程日历）

vue-fullcalendar  行程日历插件的使用 (没有灵魂式的记录)

1.首先npm下载  vue1或者vue2

// for Vue2

npm install vue-fullcalendar@latest --save 

// for Vue1

npm install vue-fullcalendar@0.1.11 --save 

2.main.js中要引入

import FullCalendar from 'vue-fullcalendar'

Vue.use(FullCalendar)

3.模板中使用

<full-calendar :events="monthData" class="test-fc"

first-day='1' locale="fr"

@changeMonth="changeMonth"   //改变月份触发的事件

@eventClick="eventClick" 

@dayClick="dayClick"  //点击当天的日期触发的事件

@moreClick="moreClick" lang="zh" >   //更多

</full-calendar>

data () {

    monthData:[

    {

        start: '行程开始的时间'，

        end: '行程结束的时间，没写就是当天'，

        title: '行程的内容'

     },

     {

     }]，

     methods: {

          就是那些事件。。。。

     }

}

然后呢就有效果了  自己试试看吧  

如果你想要英文的，请把lang = ''zh''  改成 lang = '' en ''