更新记录
1.0.1(2019-08-13)
目前IOS,小程序及H5都已测试可用,如有问题可留言,如果有更好的方法,可以交流一下哦
时间日期选择器
时间组件,组件名:time-selector
使用方式:
下载组件,在 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小时 |
selectedTabColor | String | #0092D5 | 选中的tab颜色 |
selectedItemColor | String | #0094D7 | 选中的时间颜色 |
disableText | String | 约满 | 禁用时显示的文本 |
事件说明:
事件 | 类型 | 获取到值 |
---|---|---|
@selectTime | event | 可获取当前点击的时间 |