# Date 时间范围选择器
### 介绍
时间范围选择器，可选择开始和结束时间的年月日时分，并计算时长。
### 引入

```js
import yDate from "yesaway-wui/src/components/yDate";
```

## 代码演示

### 基础用法
通过`select-start-time`绑定选中开始时间，通过 `select-end-time` 绑定选中结束时间。
可分别通过`start-date``end-date`设置可选的最早开始时间及最晚结束时间
```html
<y-date :select-start-time.sync="startTime"
        :select-end-time.sync="endTime"
        :start-date="startDate"
        :end-date="endDate"></y-date>

```
```html
export default {
    data:()=>{
        return {
            startTime: "2020-06-09 05:25:00",
            endTime: "2020-07-20 12:25:00",
            startDate: getTime(new Date().getTime()-(24*60*60*1000),"YYYY-mm-dd hh:ii:ss"),
            endDate: getTime(new Date().getTime()+(365*24*60*60*1000),"YYYY-mm-dd hh:ii:ss"),
        }
    },
}
```
###配置事件文案
通过`y-date`修改事件文案和时间单位
```html
<y-date :select-start-time.sync="startTime"
        :select-end-time.sync="endTime"
        :start-date="startDate"
        :end-date="endDate"
        :lang-package="langPackage"></y-date>

```
```html
export default {
    data:()=>{
        return {
            langPackage: {
                pickUpTime: "取车时间",
                dropOffTime: "还车时间",
                day: "天"
            }
        }
    },
}
```


## API

### Props

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| select-start-time | 当前已选的开始时间 | _string_ | --- |
| select-end-time | 当前已选的结束时间 | _string_ | --- |
| start-date | 允许选择的最早开始时间 | _string_ | --- |
| end-date | 允许选择的最晚结束时间 | _string_ | --- |
| today | 当天日期文案 | _string_ | --- |
| format | 返回的日期格式 | _string_ | "YYYY-mm-dd" |
| lang-package | 返回的日期格式 | _string_ | "YYYY-mm-dd" |


### DateHour Props
当选择器类型为 `dateHour`时，支持以下Props

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| hour-pools | 可选小时 | _Array_ | --- |

### Events

| 事件名     | 说明                                     | 回调参数            |
| ---------- | ---------------------------------------- | ------------------- |
| update:selectStartTime | 开始时间变化时时触发 | selectStartTime |
| update:selectEndTime | 结束时间变化时时触发 | selectEndTime |