更新记录

0.0.1(2023-10-18)

自定义日历签到组件


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.7.0
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
属性名 类型 说明
modelValue String[] | Number[] 已签到的日期列表的数组
dayColor String 已经签到的高亮颜色 默认颜色:#2e92ff
btnText String 签到的按钮文案
daysOfWeek Object 例子:{
      Sunday: '周日',
    Monday: '周一',
    Tuesday: '周二',
    Wednesday: '周三',
    Thursday: '周四',
    Friday: '周五',
    Saturday: '周六'

} |

<template>
    <calendar-signIn 
      v-model="signeIn" 
        :daysOfWeek="daysOfWeek" 
        btnText="签到" 
      dayColor="#2e92ff" />
</template>

<script lang="ts" setup>
const signeIn: any = ref([])
const daysOfWeek = {
    Sunday: '星期日',
    Monday: '星期一',
    Tuesday: '星期二',
    Wednesday: '星期三',
    Thursday: '星期四',
    Friday: '星期五',
    Saturday: '星期六'
}
</script>

<style lang="scss"></style>
  • 有啥问题和建议或者错误不足之处,还望各位大神指出。

There is never enough time to do it well, but there is always enough time to fix it or finish it.

隐私、权限声明

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

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

插件不采集任何数据

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

无无

许可协议

MIT协议

暂无用户评论。

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