更新记录

1.0.9（2025-06-19） 下载此版本

input区域由自定义改为cl-input组件

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

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

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

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

查看更多

平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
× √ √ √ √ - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
√ √ √ √ √ √ - √ √ √ √

其他

多语言 暗黑模式 宽屏模式
× × √

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 ''
yearOptions 手动年份下拉选择 string[] ['1990', '1991', ... '2050']
isNow 打开弹窗时自动选中当前时间 Boolean true

其余属性皆与uni-easyinput组件一直

方法列表

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

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

隐私、权限声明

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

无

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

插件不采集任何数据

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

无

许可协议

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

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

加载更多...