uni-app组件开发----多粒度时间选择器组件
2023-09-14 09:15:08 时间
###WXRUI体验二维码
如果本插件对你的开发有帮助,请进入小程序,点击一下广告,谢谢支持!
下载
DatePicker 多粒度时间选择器
可进行多粒度时间选择器,组件名:rattenking-dtpicker
,代码块: ruiDatePicker。
使用方式:
在 script
中引用组件
import ruiDatePicker from '@/components/rattenking-dtpicker/rattenking-dtpicker.vue';
export default {
components: {ruiDatePicker}
}
在 template
中使用组件
<ruiDatePicker
fields="second"
start="2010-00-00 00:00:00"
end="2030-12-30 23:59:59"
:value="value"
@change="bindChange"
@cancel="bindCancel"
></ruiDatePicker>
实际效果参考:https://github.com/Rattenking/rui-uni-components
DatePicker 属性说明:
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
start | String | ‘1900-00-00 00:00:00’ | 限制选择器选择的最小时间 |
end | String | ‘2500-12-30 23:59:59’ | 限制选择器选择的最大时间 |
value | String | ‘2019-03-15 10:45:00’ | 当前时间选择器显示的时间 |
fields | String | ‘second’ | 时间选择器的粒度 |
disabled | Boolean | false | 是否为禁用状态 |
fields 值说明:
值 | 类型 | 说明 |
---|---|---|
year | String | 选择器粒度为年 |
month | String | 选择器粒度为月份 |
day | String | 选择器粒度为天 |
hour | String | 选择器粒度为小时 |
minute | String | 选择器粒度为分钟 |
second | String | 选择器粒度为秒 |
事件说明:
事件名称 | 说明 |
---|---|
change | 时间选择器点击【确定】按钮时时触发的事件,参数为picker的当前的 value |
cancel | 时间选择器点击【取消】按钮时时触发的事件 |
下载
###WXRUI体验二维码
如果本插件对你的开发有帮助,请进入小程序,点击一下广告,谢谢支持!
相关文章
- IOS屏幕录制应用xRec上架App store
- 个人开发者app消息推送简单实现思路
- 跨平台移动APP开发进阶(三):hbuilder+mui mobile app 开发心酸路
- 中国香港服务器适合用来搭建app吗。
- Hbuilder用自有证书打包 ios App上架AppStore流程
- iOS 最新 APP提交上架流程~(打包 ipa)
- 毕业设计So Easy:电影平台管理系统(前端+后端+APP)
- Soul App创始人突破社交局限,助力品牌深度连接用户
- H5页面唤醒 支付宝App 指定页面
- 谷歌发布Android P Beta 2 包含最终版app编程接口详解手机开发
- 轻松上手,Oracle入门App就在你身边(oracle入门app)
- 手机App连接网站MySQL数据库实现跨平台通讯(app连接网站mysql)
- APP快速连接MySQL数据库的指南(app怎么连接mysql)
- MySQL在App开发中的应用(app开发mysql)
- 探索App与MySQL的交互之路(app与mysql交互)
- 应用App连接Oracle,实现数据多元化管理(app连接oracle)
- 学习MYSQL必备下载一款视频APP,轻松入门数据库技术(MYSQL下载视频app)
- 下载小说神器使用MYSQL打造高效快捷的APP(MYSQL下载小说app)
- Oracle App驱动的路径探索之旅(oracle app目录)
- 华为开展应用市场专项检测:44款兼职类App刷单刷量