更新记录

v1.0.3(2021-03-03)

v1.0.3

  1. 修复获取分钟调用小时方法!
  2. 修复过滤分钟使用小时判断!

平台兼容性

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

兼容性说明

由于本插件使用的是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

  1. 修复获取分钟调用小时方法!
  2. 修复过滤分钟使用小时判断!

v1.0.2

  1. 修复限制开始和结果只有年,全部时间的开始和结束!
  2. 修复默认value不传或汉字默认报错!

v1.0.1

  1. 修复每个月都是 31 天的 bug !
  2. 修复 value 值做出改变,在外部赋值才改变的 bug ,当前版本只要 value 改变,显示值就会改变!
  3. 优化了默认显示值问题,如果用户不填写,直接默认当前设备的当前时间!
  4. 修复二月份能够选择 31 号的 bug!

感谢:

在这里特别感谢AimerQAQicare281245387@qq.com椰子皮2692032566@qq.com等反馈的 bug 和给出的优化建议。有更多优化建议和需求,请联系作者。谢谢!

致歉:

由于个人的不认真,导致的1.0.3版本bug,给大家带来的不便,请谅解!

隐私、权限声明

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

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

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

许可协议

MIT协议

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