更新记录

1.0.1（2025-11-23） 下载此版本

更新说明

1. 更新文档

1.0.0（2025-11-23） 下载此版本

更新说明：

1. 日统计考勤日历，支持左右切换，支持折叠左右切换；
2. 月统计考勤日历，支持左右切换，滑动；

平台兼容性

uni-app(4.55)

attendance-calendar

基于 uni-app + vue3 实现的考勤日历组件, 日/月视图 的考勤日历；支持微信小程序，App；

效果图

daily-calendar

日视图的考勤日历组件

使用示例：

<view style="padding: 32rpx;">
<DailyCalendar 
    v-model="date" 
    :dateDotList="dateDotList" 
    @swiper-change="onSwiperChange" 
    @change="onChange"
>
<!-- 插槽：自定义内容区域 -->
    <view>
        <view>
            <text>当前班次：</text>
            <text>不固定时间上下班：工作时长需满8个小时</text>
        </view>
        <view>
            <text>出勤情况：</text>
            <text>打卡2次，工时13.1小时</text>
        </view>
    </view>
</DailyCalendar>
</view>

monthly-calendar

月视图的考勤日历组件

使用示例：
<view class="p-32">
<MonthlyCalendar 
    v-model="date" 
    @change="onChange" 
    @swiper-change="onSwiperChange"
>
    <!-- 插槽：自定义内容区域 -->
    <view class="grid-list">
        <view>
            <view class="font-36 font-bold">13.2</view>
            <view class="sub-text">平均工时</view>
        </view>
        <view>
            <view class="font-36 font-bold">19</view>
            <view class="sub-text">出勤天数</view>
        </view>
        <view>
            <view class="font-36 font-bold">200</view>
            <view class="sub-text">应出勤时间长</view>
        </view>
    </view>
</MonthlyCalendar>
</view>