更新记录
1.0.0(2026-07-11) 下载此版本
初始版本
平台兼容性
uni-app(4.0)
| Vue2 | Vue2插件版本 | Vue3 | Vue3插件版本 | Chrome | Chrome插件版本 | Safari | Safari插件版本 | app-vue | app-nvue | Android | Android插件版本 | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | 1.0.0 | √ | 1.0.0 | √ | 1.0.0 | √ | 1.0.0 | - | - | √ | 1.0.0 | - | - |
| 微信小程序 | 微信小程序插件版本 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | 1.0.0 | - | - | - | - | - | - | - | - | - | - | - |
zv-datepicker
底部滚轮时间选择器,支持年月日时分秒任意组合。
用法
<!-- 完整日期时间,无值时打开默认定位当前时间 -->
<zv-datepicker v-model="time" fields="YMDhms" />
<zv-datepicker
v-model="time"
fields="YMDhms"
:content-style="contentStyle"
:confirm-style="confirmStyle"
/>
data() {
return {
time: '',
contentStyle: 'background:#f5f5f5;border-radius:8rpx;',
confirmStyle: 'color:#ff6600;font-weight:bold;'
}
}
主要参数
| 参数 | 说明 | 默认 |
|---|---|---|
| v-model | 绑定值 | - |
| visible | 弹层显示 | false |
| fields | 列组合:YMDhms 或 ['year','month','day'] |
YMDhms |
| minDate / maxDate | 最小/最大时间 | - |
| valueType | 返回值类型:string / timestamp |
string |
| format | 自定义格式化,如 YYYY-MM-DD HH:mm |
自动 |
| trigger | 是否显示触发区域 | true |
| placeholder | 占位文字 | 请选择时间 |
| contentStyle | 触发区域行内样式 | - |
| cancelStyle | 取消按钮行内样式 | - |
| confirmStyle | 确认按钮行内样式 | - |
| panelStyle | 弹层面板行内样式 | - |
| pickerStyle | 滚轮区域行内样式 | - |
| itemStyle | 滚轮选项行内样式 | - |
| indicatorStyle | 选中指示器样式 | height: 44px; |
v-model 为空时,打开弹层默认定位到当前时间(受 minDate/maxDate 约束),需点确认后才会写入 v-model。
事件
confirm change cancel open close
方法
open() close() toggle()
fields 说明
| 字符 | 含义 |
|---|---|
| Y | 年 |
| M | 月 |
| D | 日 |
| h | 时 |
| m | 分 |
| s | 秒 |
任意组合,顺序固定为 年→月→日→时→分→秒。

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 52
赞赏 0
下载 12415450
赞赏 1933
赞赏
京公网安备:11010802035340号