博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
适配mpvue平台的的微信小程序日历组件mpvue-calendar
阅读量:6277 次
发布时间:2019-06-22

本文共 1186 字,大约阅读时间需要 3 分钟。

mpvue-calendar

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

预览

129d493c23ebaaae143c3a0d19e716fa19e8d2d8

安装

npm i mpvue-calendar

使用

  • import Calendar from 'mpvue-calendar' 引入组件
  • components中注册组件Calendar
  • template中使用组件<Calendar />

参数及方法

参数or方法 类型 说明
months Array 自定义月份,不传默认为中文一到十二月
weeks Array 自定义星期,不传默认为中文日到六
value Array 默认选中日期
begin Array 限制开始日期,不传则不限制
end Array 限制结束日期,不传则不限制
disabled Array 禁用日期
events Object 自定义备注
lunar Boolean 是否显示农历,默认为false
clean Boolean 是否为简洁模式,简洁模式下自定义备注会显示为圆点,默认为false
range Boolean 是否为范围模式,默认为false
multi Boolean 是否为多选模式,默认为false
select(val, val2) function 日期选中事件,在range模式下val为开始日期、val2为结束日期,其他val为选中日期
setToday() function 返回今日
selectYear(val) function 选择年份事件,val为选中的年份
prev(val) function 选择上一月事件,val为月份
next(val) function 选择下一月事件,val为月份
arrowLeft String 自定义左箭头图片,填写图片路径,不填则使用默认图片
arrowRight String 自定义右箭头图片,填写图片路径,不填则使用默认图片
  • 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']

示例

原文发布时间为:2018年06月25日
原文作者:
飞翔荷兰人

本文来源: 如需转载请联系原作者

你可能感兴趣的文章
SHELL实现跳板机,只允许用户执行少量允许的命令
查看>>
SpringBoot 整合Redis
查看>>
nodejs安装以及环境配置(很好的node安装和配置文章,少走很多弯路)
查看>>
2014上半年大片早知道
查看>>
Android 6.0指纹识别App开发案例
查看>>
ios runtime基础知识
查看>>
正文提取算法
查看>>
Arcgis Engine(ae)接口详解(8):临时元素(element)
查看>>
大数据技术核心之ETL
查看>>
轻松学PHP
查看>>
Android android.support.design包
查看>>
CheckBox:屏蔽setChecked方法对OnCheckedChangeListener的影
查看>>
java线程池
查看>>
UI面试内容
查看>>
Linux之RPM详解
查看>>
Windows Azure 常见问题及测试题
查看>>
flex DateChooser
查看>>
天天晚上打车--我对滴滴打车的想法
查看>>
由于MTU值设置不当造成的某些网站无法登录解决
查看>>
线程池
查看>>