更新记录

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

任意组合,顺序固定为 年→月→日→时→分→秒。

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

暂无用户评论。