更新记录
1.0.0(2025-03-25)
下载此版本
封装组件,首次更新
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue |
× |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
√ |
√ |
√ |
√ |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
时间范围选择器
参数文档
参数 |
说明 |
类型 |
默认值 |
其他 |
show |
显示选择器 |
Boolean |
false |
- |
defaultDate |
默认日期 |
String |
- |
不传则默认今天 |
minYear |
最小年份 |
Number |
1990 |
- |
themeColor |
主题色 |
String |
#43b983 |
- |
startText |
开始时间文字 |
String |
开始时间 |
- |
endText |
结束时间文字 |
String |
结束时间 |
- |
case
<template>
<view style="padding: 30rpx;">
<view style="margin-top: 30rpx" @click="show=true">
显示日期选择器
</view>
<view style="margin-top: 30rpx">
所选日期 {{ date.join(',') }}
</view>
<dateRangePicker
:show="show"
:minYear="2022"
@close="show=false"
@confirm="confirm"
>
</dateRangePicker>
</view>
</template>
<script>
import dateRangePicker from '@/components/date-range-picker/date-range-picker.vue'
export default {
components: {dateRangePicker},
data() {
return {
show: false,
date: []
}
},
methods: {
confirm(v) {
console.log(v);
this.date = v
}
}
}
</script>