vue项目中vue-fullcalendar的使用(行程日历)
vue-fullcalendar 行程日历插件的使用 (没有灵魂式的记录)1.首先npm下载 vue1或者vue2//forVue2npminstallvue-fullcalendar@latest--save//forVue1npminstallvue-fullcalendar@0.1.11--save2.main.js中要引入import...
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 ''
更多推荐
所有评论(0)