更新记录
2.0.0(2025-04-21)
下载此版本
优化APP兼容性
1.0.0(2025-03-25)
下载此版本
封装组件,首次更新
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
√ |
√ |
- |
√ |
√ |
- |
- |
其他
时间范围选择器
参数文档
参数 |
说明 |
类型 |
默认值 |
其他 |
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>