关灯
开启左侧

微信小程序插件系列(一)日历插件

[复制链接]
油腻大叔 发表于 2018-7-27 11:12:12 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
本帖最后由 油腻大叔 于 2018-7-27 11:08 编辑

近期有玩小程序的朋友问我在小程序中如何引用插件。那么近期就给大家推荐几款实用的微信小程序插件

第一款插件为一款日历插件:极点日历

实用教程如下:

1、登录你的微信小程序账号进入后台

1.png

2、点击左下角【设置】,然后点击右边的【第三方服务】

2.png

3、根据AppID:wx92c68dae5a8bb046,所有到极点日历,然后点击添加


3.png
4.png

4、进入你的项目在app.json中配置你的插件

  1. "plugins": {
  2.    "calendar": {
  3.       "version": "1.1.3",
  4.       "provider": "wx92c68dae5a8bb046"
  5.    }
  6. }
复制代码


5.png

5、在需要使用到该插件的小程序页面的 json 配置文件中,做以下配置:

  1. "usingComponents": {
  2.    "calendar": "plugin://calendar/calendar"
  3. }
复制代码

9.png

6、最后一步,在对应的wxml页面中写入<calendar />日历即可出现。这里注意不是双标签。

6.png

7、如果想要让你的日历美观,可以做以下配置,属性如下图

7.png
8.png



8、当然作者也提供了对应的事件

点击下个月事件 bindnextMonth="xxxx"  


点击上个月事件 bindprevMonth="xxxx"


当日历标题发生改变的时候 binddateChange="xxxx"


当点击日历某一天的时候  binddayClick="xxxx"

ok,今天这个插件就给大家介绍到这里,如果还想了解可以查看官方文档https://github.com/czcaiwj/calendar

如果觉得学到了,点赞,关注我哦,我会陆续介绍几款常用的插件。详细讨论也可添加qq群:622730703





 

精彩评论1

正序浏览
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

  • 最佳新人

    注册账号后积极发帖的会员
  • 活跃会员

    经常参与各类话题的讨论,发帖内容较有主见

0关注

22粉丝

13帖子

排行榜
关闭

站长推荐上一条 /1 下一条

官方微信

全国服务热线:

400-0708-360

公司地址:国家西部信息安全产业基地(成都市高新区云华路333号)

邮编:610000    Email:2908503813@qq.com

Copyright   ©2015-2016  EOIT论坛Powered by©Discuz!    ( 蜀ICP备11000634号-7 )