千家信息网

mpvue calendar怎么使用

发表于:2025-11-07 作者:千家信息网编辑
千家信息网最后更新 2025年11月07日,本篇内容介绍了"mpvue calendar怎么使用"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!基
千家信息网最后更新 2025年11月07日mpvue calendar怎么使用

本篇内容介绍了"mpvue calendar怎么使用"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

基于 vue-calendar 的适配 mpvue 平台的的微信小程序日历组件

安装

npm i mpvue-calendar

使用

  • import Calendar from 'mpvue-calendar' 引入组件

  • components 中注册组件 Calendar

  • template 中使用组件

参数及方法

  • value 参数 在普通模式下value为一维数组如2018年6月21为 [2018,6,21] 在range和multi模式下value为二维数组,如range模式选中2018年6月21到6月28为 [[2018,6,21], [2018,6,28]]

  • events 参数 events为自定义备注,例如备注2018年6月21日为 {'2018-6-21': '今日备注', '2018-6-22':'明日备注'} ,在 clean 模式下备注为圆点, lunar 农历模式下不显示备注

  • disabled 参数 disabled为禁用日期,如禁用2018-6-21日为 ['2018-6-21']

示例

"mpvue calendar怎么使用"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!

0