更新记录

1.0.8（2025-05-15） 下载此版本

修复动态修改时间格式后无法弹出时间选项

1.0.7（2025-04-25） 下载此版本

当组件禁用时隐藏下拉与清空图标

1.0.6（2025-04-24） 下载此版本

文档更新

查看更多

平台兼容性

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

el-date-picker

说明

使用 picker-view 和 picker-view-column 封装的时间选择器，

  • 支持自定义时间格式的组合搭配。
  • 支持默认当前时间
  • 可以支持年月日，时分秒一起选择

使用方式

<template>
<view class="content">
    <cl-date-picker v-model="value" isNow dateType="hh:mm:ss"></cl-date-picker>
</view>
</template>

属性列表

属性名 说明 类型 默认值
dateType 时间格式，包含（YYYY,MM,DD,hh,mm,ss）即可，例如想要一个年月日：YYYY-MM-DD或者YYYY/MM/DD或者YYYY年MM月DD日 String YYYY-MM-DD
modelValue 绑定的时间值 使用v-model进行绑定 String ''
placeholder 输入框提示 String 请选择
disabled 是否禁用 Boolean false
hideBorder 是否隐藏边框 Boolean false
yearOptions 手动年份下拉选择 string[] ['1990', '1991', ... '2050']
isNow 打开弹窗时自动选中当前时间 Boolean true

方法列表

方法名 说明 参数
clear 点击清除图标 -
cancel 点击取消 -
submit 点击确定进行选中 为选择后格式化的值

若有问题可联系作者：微信号：fjl_code_life

隐私、权限声明

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

无

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

插件不采集任何数据

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

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉
加载更多...
插件问答 我要提问

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

加载更多...