更新记录

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>

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。