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

基于某视频剪辑软件日历的适配mpvue平台的的微信小程序日历组件

预览

安装

NPM国际mpvue-calendar

使用

从"日历"导入日历引入组件成分中注册组件日历模板中使用组件日历/

参数及方法

价值参数在普通模式下价值为一维数组如2018年6月21为[2018,6,21]在范围和多（前缀)模式下价值为二维数组，如范围模式选中2018年6月21到6月28为[[2018,6,21],[2018,6,28]]活动参数事件为自定义备注，例如备注2018年6月21日为{'2018-6-21': '今日备注， '2018-6-22':'明日备注'},在干净的模式下备注为圆点月球的农历模式下不显示备注有缺陷的参数有缺陷的为禁用日期，如禁用2018-6-21日为['2018-6-21']

示例

模板div Calendar : months=' months ' : value=' value ' @ next=' next ' @ prev=' prev ' : events=' events ' monary clean @ select=' select ' ref=' Calendar ' @ select months=' select months ' @ select year=' select year '/button @ click=' setToday '返回今日/button/div/templatescriptimport Calendar from ' mpvue-Calendar ' export default { data(){ return { months :[' 1 '，' 2 '，' 3 '，' 4 '，' 5 '，' 6 '，' 7 '，' 8 '，' 9 '，' 10 '，' 11 '，' 12 '，' disabledarr: ['2018-6-27 '，' 2018-6-25']，value: [2018，6，7]，begin 3360[2016，1，1]，end今日备注', '2018-6-8':'一条很长的明日备注}，} }，组件： {日历}，方法： {选择月份(月，年){ console.log(年，月)}，prev(月){ console.log(月)}，下一个(月){ console.log(月)}，选择年份(年){ console.log(年)}，setToday(val，val1，val2) { this . 参考文献。日历。settoday()；},选择(val，val 2){控制台。日志(val)控制台。日志(val 2)} } }/脚本