更新记录

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 }

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。