更新记录
1.0.2(2026-04-13) 下载此版本
- 支持左右滑动万年历
平台兼容性
uni-app(3.7.6)
| Vue2 | Vue2插件版本 | Vue3 | Vue3插件版本 | Chrome | Chrome插件版本 | Safari | Safari插件版本 | app-vue | app-vue插件版本 | app-nvue | app-nvue插件版本 | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | 1.0.2 | √ | 1.0.2 | √ | 1.0.2 | √ | 1.0.2 | √ | 1.0.2 | √ | 1.0.2 | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| - | - | - | - | - | - | - | - | - | - | - | - |
uni-app x(3.7.6)
| Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
|---|---|---|---|---|---|
| - | - | - | - | - | - |
Calendar 万日历
组件名:pp-calendar
日历组件
注意事项
- 本组件农历转换使用的js是 @1900-2100区间内的公历、农历互转
nowYear属性传入的应该是一个 String 或 Number ,如: '2026' 或 2026
安装方式
本组件符合easycom规范,HBuilderX 2.5.5起,只需将本组件导入项目,在页面template中即可直接使用,无需在页面中import和注册components。
基本用法
在 template 中使用组件
<view>
<pp-calendar
:year="nowYear"
@monthSwitch="monthSwitch"
/>
</view>
export default {
data() {
return {
nowYear: '',
}
},
methods: {
monthSwitch(e) {
// {year: '2026', month: '01'}
console.log(e)
},
},
};
API
Calendar Props
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| nowYear | String|Number | - | 自定义当前年份,默认为今年 |
Calendar Events
| 事件名 | 说明 | 返回值 |
|---|---|---|
| monthSwitch | 点击选择的月份 | {year: '2026', month: '01'} |

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 4
赞赏 0
下载 11579549
赞赏 1904
赞赏
京公网安备:11010802035340号