更新记录

1.0.0（2019-12-27）

时间段选择组件创建

平台兼容性

uni-app 预订时间段选择

订餐，快递等等预订时间段的选择都可以使用该组件

主要功能：

1. 自定义禁选时间
2. 自定义选择时间范围
3. 自定义时间间隔
4. 自定义是否禁选过去时间
5. 随时获取选择时间段

s-select-time自定义属性说明

可触发事件

使用示例

<template>
    <view class="container">
        <s-select-time :isDisabled="true"
                       currentTime="2020-01-01 10:45"
                       currentDate="2020-01-01"
                       startTime="9:00"
                       :disabledTime="disabledTime"
                       endTime="21:00"
                       :interval="30"
                       @selectedTime="selectedTime"></s-select-time>
    </view>
</template>

<script>
import SSelectTime from '@/components/s-select-time/s-select-time.vue'
export default {
    components: {
        SSelectTime
    },
    data () {
        return {
            disabledTime: [
                {
                    start: '11:00',
                    end: '12:00'
                }
            ]
        }
    },
    methods: {
        selectedTime (e) {
            console.log(e)
        }
    }
}
</script>

<style lang="scss" scoped>
</style>