70 lines
1.3 KiB
Markdown
70 lines
1.3 KiB
Markdown
<!--
|
||
* @Description:
|
||
* @Author: hjh
|
||
* @Date: 2019-08-16 11:17:37
|
||
* @LastEditors: hjh
|
||
* @LastEditTime: 2019-08-22 18:16:24
|
||
* @Sign: 扬眉剑出鞘
|
||
-->
|
||
|
||
### hTimePicker
|
||
|
||
预约时间的选择，支持营业时间的判断
|
||
|
||
**使用方式：**
|
||
|
||
在 `script` 中引用组件
|
||
|
||
```javascript
|
||
import hTimePicker from "@/components/h-timePicker/h-timePicker.vue";
|
||
export default {
|
||
components: { hTimePicker }
|
||
};
|
||
```
|
||
|
||
在 `template` 中使用组件
|
||
|
||
```html
|
||
<hTimePicker sTime="15" cTime="15" interval="1" @changeTime="changeTime">
|
||
<view slot="pCon" class="changeTime">
|
||
点击选择时间
|
||
</view>
|
||
</hTimePicker>
|
||
```
|
||
|
||
**属性说明：**
|
||
|
||
|属性名|类型|默认值 |说明|
|
||
|---|----|---|---|
|
||
|sTime|String|0|小时开始|
|
||
|cTime|String|23|小时结束|
|
||
|timeNum|String|1|当天预约时的延迟小时|
|
||
|interval|String|1|分钟的间隔|
|
||
|sDay|String|0|预约日期从几天后开始，0就是今天，1就是明天|
|
||
|dayNum|String|7|可以预约的天数|
|
||
|
||
**事件说明：**
|
||
|
||
|事件称名|说明|返回参数|
|
||
|---|----|---|
|
||
|changeTime|改变时间的事件|第一个参数是格式化时间,第二个是时间戳|
|
||
|
||
|
||
### 更新日志
|
||
|
||
**1.0.0**
|
||
|
||
- 初始项目
|
||
|
||
**1.0.1**
|
||
|
||
- 修复H5下不滚动，确定无效问题
|
||
|
||
|
||
**1.0.2**
|
||
|
||
- 修复选择时间后再次打开显示不正确的问题
|
||
**1.0.3**
|
||
|
||
- 可延迟预约时间的选择
|