vue 显示日期只显示年月_vue 日历组件只显示本月和下个月 -- 多选日期

效果就是上图

代码贴出

1.在components > calander > index.vue

取消

确定

{ {currentDate}}

一

二

三

四

五

六

日

今天

{ {item.number}}展位

{ {item.num}}

{ {item.number}}展位

{ {currentDateTwo}}

一

二

三

四

五

六

日

{ {item.num}}{ {item.number}}

{ {item.number}}展位

import vue from 'vue'

export default {

name: 'calander',

data () {

return {

calanderList: [],

show: false,

currentDate: '2017年05月03日',

currentDateTwo: '2017年06月03日',

dayList: '',

currentDayList: [],

currentObj: '',

currentDay: '',

mouth: [],

currentMouth: null,

hoverDate: {'date': null, 'mouth': null, 'year': null},

activeClick: 0,

active: [],

actives: [],

Section: [],

firstIndex: 0,

lastIndex: 0,

currentDayListData: [],

currentJudge: false,

currentObjNew: '',

Sections: [],

lastType: '',

fristType: '',

numArray: [],

numArrayTwo: []

}

},

props: {

propshow: false,

boothArray: [], // 从父级传来的数组参数，主要是传来天中携带的number展位参数