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

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

mpvue-calendar

基于vue-calendar的适配mpvue平台的的微信小程序日历组件，现在已可以使用在浏览器端

预览

安装

npm i mpvue-calendar -S

使用

import Calendar from 'mpvue-calendar' 引入组件import 'mpvue-calendar/src/style.css' 引入样式文件(mpvue 小程序端)components中注册组件Calendar template中使用组件

⚠️ 在浏览器端使用要引入下面browser-style.css替换上面的style.css

import 'mpvue-calendar/src/browser-style.css' 引入样式文件(浏览器端)

参数及方法

参数说明

value 在普通模式下value为一维数组如2018年6月21为[2018,6,21]。在range和multi模式下value为二维数组，如multi模式选中2018年6月21和6月28为[[2018,6,21], [2018,6,28]]。 在range模式下如果定义value参数必须定义开始日期和结束日期，如[[2018,6,21], [2018,6,28]]( ⚠️ 从开始日期到结束日期)。若需要清空选中value时，将value参数设置为[](空数组)即可。events events为自定义备注，例如备注2018年6月21日为{'2018-6-21': '今日备注', '2018-6-22':'明日备注'}，在clean模式下备注为圆点，lunar农历模式下备注会替代农历优先展示。now now参数可以选择是否将今天日期展示为今字，传入false则不展示，传入字符串则展示你定义等字符串内容，默认为true，展示今字样。tileContent tileContent参数可以为具体某日定义一个class名，还可以插入一段文本内容。如[{date: '2018-9-20', className: 'holiday', content: '休'}]可以设置2018-9-20这天的class名为holiday，并且生成一个文本内容为 休 的dom节点。

示例

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。