更新记录
1.0.1(2025-03-27) 下载此版本
删除不需要的依赖
1.0.0(2025-03-27) 下载此版本
上传日期选择组件,支持日期选择年、选择月、选择日期时间和范围多种类型。
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | √ | - | - | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
模仿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.此组件是因为开发功能需求发现常用的组件不支持单独选择【年】、【月】和对应的范围选择,所以自己开发了一款支持多种类型的日期组件。
- 项目源码注释清晰且不难理解,可自行根据实际需求进行二次开发;
- 本插件也是在自己的项目进行了使用,基本上满足现在的功能选择,可能还有些隐藏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 日期改变事件回调