更新记录
0.0.1(2023-10-18)
下载此版本
自定义日历签到组件
平台兼容性
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.