更新记录

1.1(2024-06-15) 下载此版本

修改静态文件地址

1.0(2024-06-15) 下载此版本

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


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.7.0 app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

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

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问