更新记录
1.0.2(2022-03-23)
下载此版本
修复 picker-view组件绑定值类型问题
1.0.1(2022-03-22)
下载此版本
修复时间段问题,修复获取值异常问题
1.0.0(2022-03-21)
下载此版本
无
查看更多
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
× |
- |
- |
√ |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
时间范围组件
此组件为时间范围组件,基于uview@2.0.29。
参数说明
类型 |
字段 |
注解 |
Array |
value |
绑定值 |
Boolean |
show |
组件展示隐藏 |
Function |
confrim |
点击确认函数,返回 { value: val } |
Function |
cancel |
点击取消函数 |
代码展示
<template>
<view>
<view style="width:200rpx">
<u-button
type="primary"
size="small"
text="打开时间范围"
@click="show = true"
></u-button>
</view>
<view>当前选中时间范围: {{chooseTimeRange}}</view>
<ez-time-range
:value="timeRange"
@confrim="confrim"
@cancel="show = false"
:show="show"
></ez-time-range>
</view>
</template>
<script>
export default {
components: {},
data() {
return {
list: [],
timeRange: ['9:10', '20:43'],
chooseTimeRange:'',
show: false,
};
},
methods: {
confrim(e){
this.chooseTimeRange = e.value[0] + ' - ' + e.value[1]
this.show = false;
}
},
};
</script>
<style lang="scss" scoped></style>