更新记录
v1.0.3(2021-03-03) 下载此版本
v1.0.3
- 修复获取分钟调用小时方法!
- 修复过滤分钟使用小时判断!
平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| - | - | √ | √ | √ | - | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | × | √ | √ | - | - | - | √ | - | - | - |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
兼容性说明
由于本插件使用的是uni-app的picker组件的multiSelector,所以【平台兼容性】可能不准确,如遇到兼容性问题,请查询官方文档picker组件兼容性为准,谢谢理解!
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 | '' | 当前时间选择器显示的时间 |
| fields | String | 'second' | 时间选择器的粒度 |
| disabled | Boolean | false | 是否为禁用状态 |
fields 值说明:
| 值 | 类型 | 说明 |
|---|---|---|
| year | String | 选择器粒度为年 |
| month | String | 选择器粒度为月份 |
| day | String | 选择器粒度为天 |
| hour | String | 选择器粒度为小时 |
| minute | String | 选择器粒度为分钟 |
| second | String | 选择器粒度为秒 |
事件说明:
| 事件名称 | 说明 |
|---|---|
| change | 时间选择器点击【确定】按钮时时触发的事件,参数为picker的当前的 value |
| cancel | 时间选择器点击【取消】按钮时时触发的事件 |
修复BUG说明:
v1.0.3
- 修复获取分钟调用小时方法!
- 修复过滤分钟使用小时判断!
v1.0.2
- 修复限制开始和结果只有年,全部时间的开始和结束!
- 修复默认value不传或汉字默认报错!
v1.0.1
- 修复每个月都是 31 天的 bug !
- 修复 value 值做出改变,在外部赋值才改变的 bug ,当前版本只要 value 改变,显示值就会改变!
- 优化了默认显示值问题,如果用户不填写,直接默认当前设备的当前时间!
- 修复二月份能够选择 31 号的 bug!
感谢:
在这里特别感谢AimerQAQ、icare、281245387@qq.com、椰子皮、2692032566@qq.com等反馈的 bug 和给出的优化建议。有更多优化建议和需求,请联系作者。谢谢!
致歉:
由于个人的不认真,导致的1.0.3版本bug,给大家带来的不便,请谅解!

收藏人数:
https://github.com/Rattenking/rui-uni-components
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(2)
下载 6726
赞赏 2
下载 10704394
赞赏 1797
赞赏
京公网安备:11010802035340号