更新记录
1.0.0(2026-01-13)
下载此版本
平台兼容性
uni-app(3.6.15)
| Vue2 |
Vue2插件版本 |
Vue3 |
Vue2插件版本 |
Chrome |
Chrome插件版本 |
Safari |
Safari插件版本 |
app-vue |
app-vue插件版本 |
app-nvue |
Android |
iOS |
鸿蒙 |
鸿蒙插件版本 |
| √ |
1.0.0 |
√ |
1.0.0 |
√ |
1.0.0 |
√ |
1.0.0 |
√ |
1.0.0 |
× |
× |
× |
√ |
1.0.0 |
| 微信小程序 |
微信小程序插件版本 |
支付宝小程序 |
支付宝小程序插件版本 |
抖音小程序 |
抖音小程序插件版本 |
百度小程序 |
百度小程序插件版本 |
快手小程序 |
快手小程序插件版本 |
京东小程序 |
京东小程序插件版本 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
1.0.0 |
√ |
1.0.0 |
√ |
1.0.0 |
√ |
1.0.0 |
√ |
1.0.0 |
√ |
1.0.0 |
- |
- |
- |
× |
× |
uni-app x(3.6.15)
| Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
| - |
- |
- |
- |
- |
- |
Super Calendar
一个简洁、现代、兼容 Vue 2 和 Vue 3 的 UniApp 日历组件。
特性
- 🎨 简洁美观:现代极简设计,适配各种 UI 风格。
- ⚡ 多端兼容:支持 Vue 2 / Vue 3,兼容小程序、H5、App。
- 🛠 易于使用:符合
uni_modules 规范,开箱即用。
- 📅 基础功能:支持月份切换、日期选择、回到今天。
安装
本组件符合 uni_modules 规范。
使用 HBuilderX 导入插件即可。
使用
<template>
<view>
<super-calendar v-model="selectedDate" @change="onChange"></super-calendar>
</view>
</template>
<script>
export default {
data() {
return {
selectedDate: ''
}
},
methods: {
onChange(e) {
console.log('Selected date:', e);
}
}
}
</script>
Props
| 参数 |
说明 |
类型 |
默认值 |
| modelValue / value |
当前选中的日期 (YYYY-MM-DD) |
String |
- |
| color |
主题色 |
String |
#007aff |
Events
| 事件名 |
说明 |
回调参数 |
| change |
选中日期改变时触发 |
event: { fulldate, year, month, date } |