更新记录

1.1（2024-06-15） 下载此版本

修改静态文件地址

1.0（2024-06-15） 下载此版本

首次提交，欢迎提出问题及建议

平台兼容性

Getting Started

该组件需引入moment
在需要的位置引入组件
import calendar from '@components/xk-calendar/index.vue'
<calendar 
   @changeMonth="changeMonth"
   @change="change"
   v-slot="slotData"
>
<text  class="circle" :class="getDate(slotData.date).length>0?'type' + getDate(slotData.date)[0].status:''"></text> //自定义显示图标
</calendar>

//自定义展示的数据筛选部分
    punchDataList= [{date: '2024-06-01',status: 0},
    {date: '2024-06-02',status: 0},
    {date: '2024-06-03',status: 0},
    {date: '2024-06-04',status: 0},
    {date: '2024-06-05',status: 1},
    {date: '2024-06-06',status: 2},
    {date: '2024-06-07',status: 0}]
   const getDate=(date)=> {
      if(punchDataList.length === 0) return []
      return punchDataList.filter(item=> item.date === date)
   }
// 事件
changeMonth 月份及年份切换回调事件
change 选择日期回调事件
下载完删除package.json