高敬炎 8724d72198 前端 | 1 рік тому | |
---|---|---|
.. | ||
components | 1 рік тому | |
changelog.md | 1 рік тому | |
readme.md | 1 рік тому |
用于时间范围的选择组件
本组件符合easycom规范,HBuilderX 2.5.5
起,只需将本组件导入项目,在页面template
中即可直接使用,无需在页面中import
和注册components
。
在 template
中使用组件
<smh-time-range :time="['12','30','0','17','30']" @confrim="confrim" @cancel="cancel"></smh-time-range>
methods: {
confrim(e){
console.log(e.time)//确定事件 =>12:30-17:30
},
cancel(e){
console.log(e.time)//取消事件 =>12:30-17:30
}
}
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
time | Array | ['15','0','0','18','0'] | 设置默认时间,前两个参数为第一个时间(15:00),后两个参数为第二个时间(18:00),第三个参数为固定参数,不用修改 |
事件名 | 说明 | 返回值 |
---|---|---|
@confrim | 点击确定按钮事件 | {time:15:00-18:00} |
@cancel | 点击取消按钮事件 | {time:15:00-18:00} |