更新记录
1.0.13(2024-09-16) 下载此版本
1、更新使用示例; 2、修复报错bug
1.0.12(2024-09-16) 下载此版本
更新了使用示例
1.0.11(2024-09-16) 下载此版本
修复报组件冲突的问题
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
piao-calendar
- 组件使用示例
<template> <view> <piao-calendar @dateChange="dateChange" @monthChange="monthChange" :localData="tasks" :importent="filtrate" ></piao-calendar> </view> </template>
```js
<script>
// 需要安装moment:npm i moment --save
import moment from 'moment';
export default {
data() {
return {
tasks: [
{ info: '开庭', date: '2024-09-15', custom: { name: '张三', age: 12 } },
{
info: '其他',
date: '2024-09-17',
custom: { name: '李四', age: 12 }
},
{
info: '调解',
date: '2024-09-17',
custom: { name: '李四', age: 12 }
},
{
info: '鉴定',
date: '2024-09-17',
custom: { name: '李四', age: 12 }
}
],
filtrate: ['开庭', '调解', '鉴定'] //当提供数据时,如果某天的tasks中的info包含有数组中的字符时,会优先显示。
};
},
methods: {
dateChange(e) {
console.log(e.extraInfo);
},
monthChange(e) {
console.log(e);
}
}
};
</script>