# jtime-picker-popup
- 用于日期的选择。通常与弹出层组件配合使用。

## 安装
插件市场导入即可。首次导入可能需要重新编译

## 代码演示

```
  <jtimePickerPopup
    :isShowShortTimeList="true"
    shortTimeTitle="开票时间"
    :shortTimeList='shortTimeList'
    :isShowSeletTimeTitle="true"
    seletTimeTitle="时间选择"
    cancelText="取消"
    confirmText="确认"
    :beginSelectYear="1930"
    :endSelectYear="2025"
    :endSelectMonth="-1"
    :endSelectDay="-1"
    beginTimePlaceHolder='开始时间'
    endTimePlaceHolder="结束时间"
    :isDateTypeRange="true"
    :isShowSelectedTimeEcho="true"
    originBeginTime="2024/11/10"
    originEndTime="2025/05/20"
    @confirm="getSelectTime"
  >
  </jtimePickerPopup>
```

### 参数说明
- isShowShortTimeList：是否显示快捷时间选择列表，示例中为：展示时间快捷选择
- shortTimeTitle：快捷时间标题，示例中为：开票时间
- shortTimeList：>快捷时间列表，示例中为：近半月、近三月、近一年，传入的格式为数组，[{unit: 'day', key: '近半月', value: 15},{unit: 'month', key: '近三月', value: 3},{unit: 'year', key: '近一年', value: 1}]
- isShowSeletTimeTitle：是否展示非快捷时间选择标题，示例中为：'自定义'三个字
- seletTimeTitle：选择器标题，示例中为：'时间选择'
- cancelText：取消按钮文字，示例中为：'取消'
- confirmText：确认按钮文字，示例中为：'确认'
- beginSelectYear：选择器开始年份，示例中为：1930
- endSelectYear：选择器结束年份，示例中为：2025
- endSelectMonth：选择器结束月份，起始月份默认从1月份开始，不传则默认为-1，-1表示到当前月份
- endSelectDay：选择器结束天数，起始默认从第1天开始，不传默认为-1，-1表示到今天
- originBeginTime：选择器选择的开始时间，示例中选中时间为2024/11/10
- originEndTime：选择器选择的结束时间，示例中选中时间为2025/05/20
- isDateTypeRange：选择器是否是时间区间范围选择器，否的话为单个时间选择，示例中为：true表示有起始时间跟结束时间的区间范围选择
- isShowSelectedTimeEcho：是否回显展示当前选中的时间，示例中为：'开始时间至结束时间'的文本展示

### 回调方法说明
- confirm({beginTime, endTime})
- 如果选择器为非时间范围选择，则第二个参数endTime为空
```
getSelectTime(timeValue) {
  this.beginTime = timeValue.beginTime
  this.endTime = timeValue.endTime
}
```
