更新记录

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>

隐私、权限声明

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

无

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

无

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

无

许可协议

MIT协议

暂无用户评论。