更新记录
1.0.2(2023-03-07) 下载此版本
新增了从周一开始算起的功能
1.0.1(2023-02-24) 下载此版本
更新readme
1.0.0(2023-02-24) 下载此版本
首次发布
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | √ | √ | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
周日历
组件名:lty-week-calendar
基于官方的uni-calendar改造而成, [https://ext.dcloud.net.cn/plugin?name=uni-calendar]
主要是为了实现elment-ui中的周选择的功能。 官方的日历,范围模式要点两下,没有直接的周选择模式 所以针对这个做了改造 目前只针对我自己工作的场景需求做了改造,后续有空再完善吧。
基本用法
在 template
中使用组件
<view>
<lty-week-calendar
ref="weekCalendar"
:date="date"
:startFromMonday="startFromMonday"
@init="weekInit"
@confirm="weekConfirm">
</lty-week-calendar>
</view>
通过方法打开日历
export default {
data() {
return {
date:'2023-02-24' //日期
startFromMonday:false //是否从星期一算起
};
},
methods: {
open(){
this.$refs.calendar.open();
},
weekInit(e){
console.log(e);
},
weekConfirm(e) {
console.log(e);
}
}
};