更新记录

1.0.1（2023-12-01）

修改跨年点击问题

1.0.0（2023-11-29）

1. 实现点击日期自动定位居中
2. 当前日期定位
3. 计划执行情况，红未完成，绿已完成，白色进行中

平台兼容性

日历展示

• 日历可展示当前月，上月，下月日期

1. 使用该组件需要安装 dayjs

npm install dayjs

props 传参

completeDays: Array  完成的日期
noDays: Array   未完成的日期

event 事件

@click 返回当前点击的日期 YYY-MM-DD格式

代码示例

<template>
  <view>
    <xyq-calendar :completeDays="completeDays" :noDays="noDays" @click="calendarHandler" />
  </view>
</template>

<script>
export default {
  data() {
    return {
      completeDays: ['2023-11-20', '2023-11-21', '2023-11-22', '2023-11-23', '2023-11-24', '2023-11-25', '2023-11-27', '2023-11-28', '2023-11-29', '2023-11-30', '2023-12-01'],
      noDays: ['2023-11-26', '2024-01-01'],
    }
  },
  methods: {
    calendarHandler(e) {
      console.log(e)
    },
  },
}
</script>