更新记录
1.0.3(2023-12-01)
下载此版本
更换为uni_modules规范组件,调用更方便
1.0.2(2023-04-08)
下载此版本
修复部分小程序点击功能问题
1.0.1(2023-04-08)
下载此版本
修复在微信小程序上的样式问题
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 app-vue app-nvue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
√ |
√ |
√ |
√ |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
插件使用说明
特别说明
- 小巧方便,主要是占用页面空间不大
- 有最小宽度:200upx
参数说明
参数 |
类型 |
必填 |
说明 |
默认值 |
v-model |
Array |
是 |
时间数组,格式为[开始时间,结束时间],同vue的双向绑定 |
- |
color |
String |
否 |
年份文字颜色和边框 |
#E6A23C(金黄色) |
方法说明
方法名称 |
说明 |
返回值类型 |
change |
当值发生改变时触发,返回参数为数组(当前时间) |
Array |
使用示例
<template>
<view>
<pc-setTimes v-model="time" @change="settime" />
</view>
</template>
<script>
export default {
data(){
return{
time:[],
}
},
methods:{
settime(timlist){
// timlist = [ 开始时间 , 结束时间 ]
console.log(timlist)
}
}
}
</script>