更新记录

1.2.0（2021-03-17） 下载此版本

添加日期点击事情

1.1.0（2021-03-14） 下载此版本

1. 添加月份切换；
2. 补齐日期。

平台兼容性

ss-calendar 日历签到

使用说明

属性

事件参数

current-month-day

• day 【当前点击日期】
• year 【年】
• month 【月份】
• checked 【是否已签到】
• isToday 【是否是当天】
• type 【类型 current 当前月份 / prev 上个月份 / next 下个月份】

prev-month-day

• day 【当前点击日期】
• year 【点击后年】
• month 【点击后月份】
• oldYear 【点击前年】
• oldMonth 【点击前月份】
• checked 【是否已签到】
• type 【类型 current 当前月份 / prev 上个月份 / next 下个月份】

next-month-day

• day 【当前点击日期】
• year 【点击后年】
• month 【点击后月份】
• oldYear 【点击前年】
• oldMonth 【点击前月份】
• checked 【是否已签到】
• type 【类型 current 当前月份 / prev 上个月份 / next 下个月份】

使用方式

1. 引入组件

import ssCalendar from '@/components/ss-calendar/ss-calendar.vue'

2. 注册组件

export default {
  data() {
    return {
      checks: []
    }
  },
  components: {
    ssCalendar
  },
  methods: {
    onSignIn(payload) {
      const { checked, year, month, day } = payload

      !checked && this.checks.push(`${year}-${month}-${day}`)

      console.log('onSignIn', payload)
    },
    onPrev(payload) {
      console.log('onPrev', payload)
    },
    onNext(payload) {
      console.log('onNext', payload)
    }
  }
}

3. 使用组件

<ss-calendar
  :checks="checks"
  @current-month-day="onSignIn"
  @prev-month-day="onPrev"
  @next-month-day="onNext"
/>