更新记录

1.0.1(2025-03-27) 下载此版本

删除不需要的依赖

1.0.0(2025-03-27) 下载此版本

上传日期选择组件,支持日期选择年、选择月、选择日期时间和范围多种类型。


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 4.35 app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

模仿element日期组件,支持全部日期类型,年、月、日、日期时间、范围选择器

<template>
    <view class="content">
        <gdoo-date-pick v-model="state.date" :type="state.type" :format="state.format" />
    </view>
</template>

<script setup>
import { reactive } from 'vue'
import gdooDatePick from '@/uni_modules/gdoo-date-pick/components/gdoo-date-pick/gdoo-date-pick.vue'
const state = reactive({
    date: [],
    type: 'daterange',
    format: 'YYYY-MM-DD'
})
</script>

// Vue

通用日期选择组件,简单易用

1.此组件是因为开发功能需求发现常用的组件不支持单独选择【年】、【月】和对应的范围选择,所以自己开发了一款支持多种类型的日期组件。

  1. 项目源码注释清晰且不难理解,可自行根据实际需求进行二次开发;
  2. 本插件也是在自己的项目进行了使用,基本上满足现在的功能选择,可能还有些隐藏BUG暂未发现,若有小伙伴发现可进行评论留言;
    组件属性说明:
    属性名 类型 默认值 说明
    type String date 日期格式('year','yearrange','month', 'monthrange','date','daterange','datetime','datetimerange')
    format String YYYY-MM-DD 显示在输入框中的格式
    valueFormat String YYYY-MM-DD 绑定值的格式
    timestamp Boolean false 帮定值是否转换为时间戳
    disabled Boolean false 禁用

    事件说明:
    属性名 说明
    change 日期改变事件回调

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问