更新记录
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: 修改支持版本
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 4.0 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
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 | 点击选择某一天时 | 参数为当前选择的年月日 |