更新记录
1.0.0(2024-05-17)
下载此版本
feat: 完善左右切换逻辑,可一直切换下月份。
feat: 增加头部左右按钮进行切换。
chore: 逻辑优化
0.2.0(2024-05-17)
下载此版本
feat: 新增showHeader
是否展示头部
feat: 新增selected
默认选中某个日期
feat: 新增事件change
,切换年月时触发
feat: 新增事件select
,点击某个日期时触发
0.1.2(2024-05-17)
下载此版本
chore: 修改支持版本
查看更多
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
ifun-calendar
一个简单的日期组件,功能基本可用。
- 左右滑动选择日期组件
- 自定义当前显示年月
- 切换事件、点击选择事件
基本使用
<template>
<view>
<ifun-calendar date="2024-05-17" selected="2024-05-17" @change="handleChange"
@select="handleSelect"></ifun-calendar>
</view>
</template>
<script>
export default {
name: "calendar",
data() {
return {
};
},
methods: {
handleChange(detail) {
console.log('---change', detail)
},
handleSelect(detail) {
console.log('---select', detail)
}
}
}
</script>
props
说明
props |
说明 |
备注 |
date |
默认展示的日期,格式为YYYY-MM-DD |
String |
selected |
默认选择的日期,某一天,格式为YYYY-MM-DD |
String |
事件
事件名 |
说明 |
备注 |
change |
切换年月时 |
参数为当前选择的年月日期 |
select |
点击选择某一天时 |
参数为当前选择的年月日 |