android 钉钉考勤日历,vue实现钉钉的考勤日历

本文实例为大家分享了vue实现钉钉的考勤日历的具体代码，供大家参考，具体内容如下

直接上效果图，需要再往下看

GitHub地址：vue-calendar-component

由于需要对此组件的样式及功能的扩展，直接复制代码过来修改，开始贴代码，很长很长 慢慢看

checkCalendar.vue(子组件)

{ {dateTop}}

{ {tag}}

{ {item.id}}

calendar.js(日期工具类)

export default {

// 当某月的天数

getDaysInOneMonth(date) {

const year = date.getFullYear();

const month = date.getMonth() + 1;

const d = new Date(year, month, 0);

return d.getDate();

},

// 向前空几个

getMonthweek(date) {

const year = date.getFullYear();

const month = date.getMonth() + 1;

const date