整理了一下，這個(gè)日歷的思路是這樣的

1. 一個(gè)月的總天數(shù)
2. 一個(gè)月中第一天是星期幾，即可知道前面空幾個(gè)

data(){
  return {
    objmonth:[]
  }
}
methods:{
makeCalendar(){
  let now = new Date()
  let y = now.getFullYear() 
  let m = now.getMonth() //3 代表4月
  let d = now.getDate()
  let week = now.getDay()
  let endDay = new Date(y,m+1,0)//下個(gè)月的第0天，也說是上個(gè)月的最后一天，實(shí)例化
  let lastDay = endDay.getDate() //*這個(gè)月總天數(shù)
  let weekobj = new Date(y,m,1) //實(shí)例化當(dāng)月第一天
  let firstWeek = weekobj.getDay() //第1天周幾 即可知道前面空幾個(gè)
  for(let i = 1;i<=lastDay;i++){
                    let _now = new Date(y,m,i) //每一天都實(shí)例化
                    let _y = _now.getFullYear()
                    let _m = _now.getMonth()
                    let _d = _now.getDate()
                    let _week = _now.getDay()
                    let objday = {
                        allDate: `${_y}-${this.transeNum(_m+1)}-${this.transeNum(_d)}`,
                        day: _d,
                        week: _week,
                        isWeekDay: _week==0 || _week==6,
                        isToday: d == _d,
                        isPass: _d<d
                    }
                    this.objmonth.push(objday)
                }
                for(let i = 0;i<firstWeek;i++){
                    this.objmonth.unshift('')  //補(bǔ)齊前面的空格
                }
}
transeNum(num){
   return num < 10 ? '0' + num :num   //小于10的數(shù)補(bǔ)0
}
}
mounted() {
   this.makeCalendar() //調(diào)用函數(shù)
}

image.png