更新记录
1.0.0(2026-01-06)
下载此版本
1.0.0
平台兼容性
uni-app(4.01)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| × |
√ |
√ |
- |
√ |
- |
- |
- |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
lilg-select-date - 多功能日期选择器
参数
| 参数 |
说明 |
类型 |
默认值 |
| v-model |
控制弹窗显隐 |
Boolean |
false |
| selected-date.sync |
双向绑定已选日期字符串 |
String |
'' |
| title |
顶部标题 |
String |
'选择日期' |
| dateSelectList |
可选粒度 |
Array |
[{label:'按日',value:'date'},{label:'按月',value:'month'},{label:'按年',value:'year'}] |
| minDate |
最小日期(yyyy-mm-dd) |
String |
'1920-01-01' |
| maxDate |
最大日期(yyyy-mm-dd) |
String |
'2100-12-31' |
| showClickMark |
是否可以通过点击遮罩层关闭组件 |
Boolean |
false |
| minYear |
最小年份 |
Number |
1920 |
| maxYear |
最大年份 |
Number |
2100 |
| lunar |
是否显示农历 |
Boolean |
true |
| monthChangeColor |
月切换箭头颜色 |
String |
'#999' |
| yearChangeColor |
年切换箭头颜色 |
String |
'#666' |
| activeBgColor |
选中背景色 |
String |
'#1e4892' |
| activeColor |
选中文字色 |
String |
'#fff' |
| autoCurrentData |
自动回显今天 |
Boolean |
true |
| defaultDateType |
默认粒度 |
String |
'date' |
| showDateType |
是否显示粒度切换栏 |
Boolean |
false |
使用
<template>
<view>
<button @click="showCalendar = true">选择日期</button>
<lilg-select-date
v-model="showCalendar"
@change="handleDateChange"
/>
</view>
</template>
<script setup>
import { ref } from 'vue';
const showCalendar = ref(false);
const handleDateChange = (result) => {
console.log('选择结果:', result);
uni.showToast({
title: `已选择: ${result.result}`,
icon: 'none'
});
};
</script>