更新记录
2.0.1(2020-08-26) 下载此版本
已测试h5和程序没有问题,app端自行测试,可选时间段
1.0.2(2020-04-28) 下载此版本
添加了时间段的筛选
1.0.1(2019-08-13) 下载此版本
目前IOS,小程序及H5都已测试可用,如有问题可留言,如果有更好的方法,可以交流一下哦
查看更多平台兼容性
评价 列表
评价列表组件,组件名:uni-evaluate
,可预览图片
使用方式:
下载组件,在 script
中引用组件
import timeSelector from '@/components/xiujun-time-selector/index.vue';
export default {
components: {timeSelector}
}
用法
<time-selector @selectTime="selectTimeEvent" endTime="结束时间" selectedTabColor="tab选中的颜色" selectedItemColor="时间选中的颜色"></time-selector>
组件属性说明:
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
startTime | String | 08:00 | 开始时间选项 |
endTime | String | 18:00 | 结束时间选项 |
timeInterval | Number,String | 0.5 | 时间间隔,0.5表示半小时,1表示1小时 |
advanceTime | Number | 0 | 提前预约时间,2表示提前2小时预约 |
timeSlot | Number | 2 | 选中的时间段(08:00-10:00) |
selectedTabColor | String | #0092D5 | 选中的tab颜色 |
selectedItemColor | String | #0094D7 | 选中的时间颜色 |
disableText | String | 约满 | 禁用时显示的文本 |
事件说明:
事件 | 类型 | 获取到值 |
---|---|---|
@selectTime | event | 可获取当前点击的时间 |