## SuDateTimePicker01 选择某一天的时间范围

### 导入使用

```code[javascript]
import SuDateTimePicker01 from "ss-universal-client-web/comp/form/su-date-time-picker-01";
```

### 基本用法

:::demo
```html
<template>
    <div>
        <su-date-time-picker-01 v-model="time" timeType="HH:mm" @change="change" :disabledDate="disabledDate"></su-date-time-picker-01>
        <div>选择的时间范围为：{{time}}</div>
    </div>
</template>

<script>
export default {
    components: {
      SuDateTimePicker01
    },
    data() {
        return {
            time: {"startTime": "2022-04-16 12:00:00", "endTime": "2022-04-16 14:00:00"},
            disabledDate: true
        }
    },

    methods: {
        change(e){
            console.log('e', e)
        }           
    }
}
</script>
```
:::
### Attributes
| 参数      | 说明          | 类型      | 默认值  |
|---------- |-------------- |---------- |-------- |
| v-model     |  绑定的值           | Object |  — |
| timeType     |  时间类型 HH:mm 时分 HH:mm:ss 时分秒        | String |  'HH:mm' |
| disabledDate     |  禁用当前时间之前       | Boolean |  true |

> 传入传出的时间格式均为{startTime: '2022-01-25 17:00:00', endTime: '2022-01-25 19:00:00'}