select-time-range

> 日期时间选择插件


$3

``bash
npm install select-time-range --save
`

$3

`html



`

` js
import selectTime from 'select-time-range'

components: {
selectTime
}

data () {
return {
range: '7',
startTime: '7:00',
endTime: '23:00',
selectDate: {},
data: []
}
},
methods: {
handleChange (e) {
this.data = [
{
'name': '周会',
'start_time': '7:30',
'end_time': '9:00'
}]
},
getTimeRange (value) {
this.selectDate = value
}
}

``

$3

prop | descripton | type | default
------------------|------------------------------|:----------------------:|---------------------
data | 已有的数据 | Array | -
range | 显示的日期范围(天) | String | 7
start-time | 开始时间 | String | 8:00
start-time | 结束时间 | String | 24:00

$3

event | descripton
------------------|-----------------------------
change | 选择日期事件
timeRange | 选择时间范围事件