更新记录

v1.0（2025-03-20） 下载此版本

上传日期选择器 v1.0版本支持 选中日期返回

平台兼容性

uni-date-picker 日期选择器组件

一个简单易用的日期选择器组件，支持日期范围选择、自定义样式、多种日期格式。

平台兼容性

安装方式

通过插件市场安装

在插件市场搜索 g-date-picker 点击安装即可

基础用法

<template>
    <view>
       <button type="default">触发</button>
        <g-date-pick :show="showPicker" @confirm="onDateConfirm" @update:show="closeDatePick"></g-date-pick>
    </view>
</template>

<script>
export default {
  data() {
    return {
      showPicker:false
    }
  },
  methods: {
      //点击遮罩关闭日期选择器
      closeDatePick(type){
          this.showPicker=false;
      },
   onDateConfirm(result) {
                console.log('选择结果：', result)
                this.showPicker = false;
                // result 包含：
                // type: 'month' 或 'time'
                // startDate: 开始日期
                // endDate: 结束日期
                // selectedMonth: 选择的月份（按月选择时）
            }
  }
}
</script>

组件属性

事件说明

### 自定义样式
```vue

插件市场发布信息

插件名称

g-date-picker 日期选择器

插件分类

UI组件

关键词

日期选择器,日历,时间选择,date-picker

插件简介

一款简洁美观的日期选择器组件，支持日期范围选择、自定义样式、多种日期格式，适用于各类日期选择场景。

功能特点

• 支持单个日期选择和日期范围选择
• 支持年、月、日多种选择模式
• 可自定义日期格式
• 支持自定义主题样式
• 支持设置可选日期范围
• 支持清除和取消操作
• 完善的事件回调机制

使用注意

1. 组件依赖 uni-app 框架
2. 日期格式默认为 'YYYY-MM-DD'
3. 范围选择模式下需传入数组格式的值

更新日志

• v1.0.0 (2025-03-20)
  • 首次发布
  • 实现基础日期选择功能
  • 支持日期范围选择
  • 添加自定义样式功能

应用场景

• 表单日期选择
• 日期范围筛选
• 预约时间选择
• 活动日期设置
• 账单日期查询

后续规划

• [ ] 添加农历显示
• [ ] 支持时间选择
• [ ] 添加更多主题样式
• [ ] 优化移动端交互体验
• [ ] 添加更多自定义配置项

问题反馈

如有问题或建议，欢迎在插件市场评论区反馈或提交 issue。

开源协议

MIT License