当前位置:   article > 正文

Vue项目中实现一个日历组件_moment.getdata

moment.getdata

本项目是一个pc端的项目,使用已有的组件,没有找到PC端的,所以需要自己写一个日历。

template代码部分

打卡详情

挂载组件的时候执行方法

mounted() {
var year = new Date().getFullYear();
for (var i = year - 10; i < year + 11; i++) {
this.selYear.push(i + “年”);
}
console.log(this.selYear, this.selectedMonthDate);
this.getCurMonthData(this.selectedMonthDate);
}

内部涉及的方法

methods: {
getCouponSelected() {
console.log(this.couponSelected);
},

// 获取当月日期数据
getCurMonthData(getData) {
  var daysArr = [];

  // 获取当前月的1号是星期几
  this.currentWeekDay = moment(getData)
    .date(1)
    .weekday();
  console.log("currentWeekDay", this.currentWeekDay);
  this.lastMonthDays =
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号