更新记录
1.0.0(2021-12-23)
下载此版本
完成年月时间选择
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
- |
- |
- |
√ |
- |
√ |
√ |
其他
一、属性说明
属性 |
类型 |
默认值 |
说明 |
show |
Boolean |
false |
是否显示 |
start |
String |
1950-01 |
表示有效日期时间范围的开始,格式:“YYYY-DD” |
end |
String |
2300-12 |
表示有效日期时间范围的结束,格式:“YYYY-DD” |
placeholder |
String |
|
占位符 |
defaultValue |
String |
|
默认值,格式:“YYYY-DD” |
@change |
function |
|
确认选择事件,携带选中的值, |
@change回调事件演示:
复制代码change(e) {
console.log(e)
},
二、导入
复制代码1、引入
import yearsPicker from '@/components/years-picker/years-picker.vue'
2、挂载
`components: {yearsPicker }`
三、使用
复制代码<yearsPicker :defaultValue="obtainYear" start="1950-01" :end="obtainYear" placeholder="请选择时间" @change="bindobtainYear"></yearsPicker>
稍微改一下就符合要求了。