更新记录
1.0.1(2025-03-27)
下载此版本
删除不需要的依赖
1.0.0(2025-03-27)
下载此版本
上传日期选择组件,支持日期选择年、选择月、选择日期时间和范围多种类型。
平台兼容性
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.此组件是因为开发功能需求发现常用的组件不支持单独选择【年】、【月】和对应的范围选择,所以自己开发了一款支持多种类型的日期组件。
- 项目源码注释清晰且不难理解,可自行根据实际需求进行二次开发;
- 本插件也是在自己的项目进行了使用,基本上满足现在的功能选择,可能还有些隐藏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 |
禁用 |
事件说明: