更新记录

1.0.3(2020-03-02)

修复部分问题,持续更新。。。。。。

1.0.2(2020-02-22)

v_1.0.2 修复BUG说明: 修复showtype time 不能显示小时问题。

1.0.1(2020-02-21)

v_1.0.1 修复BUG说明: 修复showtype time 不能显示小时问题。

查看更多

平台兼容性

TimeSelector 多粒度时间选择器

简介: 本组件是一种可多种样式显示时间选择器,可根据你所要指定的区间及时间进行灵活性的选择,组件名:wing-time-selector,代码块: timeSelector。

使用方式:

script 中引用组件

import timeSelector from '@/components/wing-time-selector/wing-time-selector.vue';
export default {
    components: {timeSelector}
}

template 中使用组件

<timePicker
    showType="date"
    beginDate="1970-01-01"
    endDate="2030-12-31"
    beginTime="06:00:00"
    endTime="23:59:59"
    @btnConfirm="btnConfirm" 
    @btnCancel="btnCancel"
>
    <text>时间选择器</text>
</timePicker>

实际效果参考:https://github.com/749402932/uni-app-compontents/tree/master/uni-wing-time-selector-demo

TimePicker 属性说明:

属性名 类型 默认值 说明
showType String 'dateToTime' 时间选择器的显示模式,默认可以不填
beginDate String '1900-01-01' 限制选择器开始日期,默认可以不填
endDate String '2500-12-31' 限制选择器结束日期,默认可以不填
beginTime String '00:00:00' 限制选择器时间段开始时间,默认可以不填
endTime String '23:59:59' 限制选择器时间段结束时间,默认可以不填
isClick Boolean false 是否为禁用点击状态,默认可以不填

showType 值说明:

类型 说明
year String 选择器显示年
month String 选择器显示月份
day String 选择器显示天
hour String 选择器显示小时
minute String 选择器显示分钟
second String 选择器显示秒
yearToMonth String 选择器显示年月
monthToDay String 选择器显示月日
hourToMinute String 选择器显示时分
minuteToSecond String 选择器显示分秒
date String 选择器显示年月日
time String 选择器显示时分秒
yearToMinute String 选择器显示年月日时分
dateToTime String 选择器显示年月日时分秒

事件说明:

事件名称 说明
btnConfirm 时间选择器点击【确定】按钮时时触发的事件,参数为e
btnCancel 时间选择器点击【取消】按钮时时触发的事件

v_1.0.3 修复BUG说明: 修复部分问题,持续更新。。。。。。

感谢: 不好意思,由于疫情问题,我到现在才上班,再次感谢用户提出的问题!!!

在这里如您有更多优化建议和需求,请联系作者。谢谢!

隐私、权限声明

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

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

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

许可协议

MIT协议

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