更新记录
1.0.0(2026-11-10) 下载此版本
公历/农历日期选择器,适用生日选择场景
平台兼容性
uni-app(4.27)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| - | √ | 156.0.8078.80 | - | √ | - | 10.0 | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | - | √ | - | - | - | - | - | - | - | - |
DatePicker 日期选择器(公历 / 农历)
一个基于 uni-app picker + lunar-javascript 的日期选择组件,支持:
- 公历 / 农历切换
- 农历闰月、大小月自动处理
- 公历补 0 展示
- 公历(农历) 双格式展示
- 空值兜底(不传值也能正常选择)
- 三端兼容(H5 / 小程序 / APP)
目录结构
组件依赖本地的 lunar-javascript 文件夹,需要安装lunar-javascript
目录执行npm install lunar-javascript
引入方式
<script setup>
import XTZcalendar from '@/components/xtz-datePicker/xtz-datePicker.vue'
</script>
## 基本用法
<template>
<XTZcalendar v-model="dateValue" @change="onDateChange" />
</template>
<script setup>
import { ref } from 'vue'
import XTZcalendar from '@/components/xtz-datePicker/xtz-datePicker.vue'
const dateValue = ref(null)
function onDateChange(val) {
console.log('选择结果:', val)
}
</script>

收藏人数:
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(0)
下载 0
赞赏 0
下载 12754661
赞赏 1959
赞赏
京公网安备:11010802035340号