更新记录

1.0.4(2024-09-12) 下载此版本

修改插件文档

1.0.3(2024-09-12) 下载此版本

初始化插件

1.0.2(2024-09-12) 下载此版本

修改示例

查看更多

平台兼容性

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 封装的时间选择器,支持年月日时分秒各种形式的组合搭配。

使用方式

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



# 属性列表
| 属性名                       | 说明                                                                                                                                                                                                            |  类型                                           | 默认值                           |
| -----------               | -----------                                                                                                                                                                                               | -----------                               | -----------                   |
| dateType                      | 时间格式,包含(YYYY,MM,DD,hh,mm,ss)即可,例如想要一个年月日:YYYY-MM-DD或者YYYY/MM/DD或者YYYY年MM月DD日      |  String                                       | YYYY-MM-DD                            |
| v-model                  | 绑定的时间值                                                                                 |  String                   |  ''  |
| placeholder               | 输入框提示                                                                                                                                                                             |String                                         |请选择                                |
| disabled              | 是否禁用                                                                                                                                                                                          |Boolean                                            |false  |
| hideBorder        | 是否隐藏边框                                                                                                                                                    |Boolean                                            | false                             |
| yearOptions               | 手动年份下拉选择                                                      |string[]                                           | ['1990', '1991', ... '2050']                                  |

# 方法列表

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

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

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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