更新记录
1.0(2022-11-23)
下载此版本
此版本为年月日的时间范围选择,返回开始时间和结束时间,时间格式YY-MM-DD,例如;2022-11-22的格式
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.2.15 app-vue app-nvue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
√ |
√ |
√ |
√ |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
使用方法
引入组件及使用
<template>
<view>
<view @tap="selectTime">
时间范围选择:<view v-show="start">:{{start}} - {{endTime}}</view>
<timeRang @show="(val)=>show=val" :show="show" @change="change"></timeRang>
</view>
</view>
</template>
<script>
import timeRang from '@/components/time-rang/time-rang.vue'
export default {
name: 'farming',
components:{
timeRang
},
props:{
},
watch: {
},
data() {
return {
show:false,
start:'',
endTime:'',
}
},
methods: {
selectTime(){
this.show = true
},
change(start,end) {
this.start =start;
this.endTime =end;
this.show = false;
}
}
}
</script>
<style>
</style>