vue日历排班组件_vue 简单日历组件

首页

import myCalendar from './components/myCalendar'

export default {

components: {

myCalendar

},

methods: {

showInfo(data){

if(data == 0){

alert('你点击了上一个月')

}else{

alert('你点击了下一个月')

}

}

}

}

组件

{ {calendar.year}}年-{ {calendar.month}}月今

日

{ {item}}

六

{ {key.day}}

export default{

mounted(){

this.backToday();

},

data(){

return {

calLoading:false,

calendar:{//日历

dayList:[],//二维数组，循环行，循环列

prev:[],

current:[],

next:[],

year:'',

month:'',

weeks:['一','二','三','四','五'],

isDay:&