栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Vue.js

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

Vue.js 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

mpvue-calendar

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

GitHub地址

预览
安装
npm i mpvue-calendar
使用
  • import Calendar from 'mpvue-calendar' 引入组件

  • components中注册组件Calendar

  • template中使用组件

参数及方法
参数or方法类型说明
monthsArray自定义月份,不传默认为中文一到十二月
weeksArray自定义星期,不传默认为中文日到六
valueArray默认选中日期
beginArray限制开始日期,不传则不限制
endArray限制结束日期,不传则不限制
disabledArray禁用日期
eventsObject自定义备注
lunarBoolean是否显示农历,默认为false
cleanBoolean是否为简洁模式,简洁模式下自定义备注会显示为圆点,默认为false
rangeBoolean是否为范围模式,默认为false
multiBoolean是否为多选模式,默认为false
select(val, val2)function日期选中事件,在range模式下val为开始日期、val2为结束日期,其他val为选中日期
setToday()function返回今日
selectYear(val)function选择年份事件,val为选中的年份
prev(val)function选择上一月事件,val为月份
next(val)function选择下一月事件,val为月份
  • 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']

示例
 

作者:飞翔荷兰人
链接:https://juejin.im/post/5b3050cee51d4558c0443720
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/240664.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号