看大神如何玩转微信小程序日历插件?

看大神如何玩转微信小程序日历插件?

你还在为在微信小程序开发的时候写日历控件发愁吗?自从微信官方推出插件功能以来,很多大牛都纷纷写插件共享出来,让大家免费使用。今天,我就给大家分享一个微信小程序日历插件,看看这个插件是如何多变的,看看大神是如何玩转插件的?

什么叫微信小程序插件呢?作为移动端的程序员肯定很熟悉这么一个概念,那就是开源库,尤其是 Android 开发的时候使用 gradle 远程依赖开源库,没错,微信小程序插件就是相当于远程的开源库,统一写完插件上传到微信上,就像我们写完开源库,上传到 bintray 上一样。

好了,咱直接上图吧,炫酷的图片直观,能够让大家在视觉上受到冲击,感受一下这个日历插件的魔力。如下:

看大神如何玩转微信小程序日历插件?

看大神如何玩转微信小程序日历插件?

看大神如何玩转微信小程序日历插件?

看大神如何玩转微信小程序日历插件?

看大神如何玩转微信小程序日历插件?

看大神如何玩转微信小程序日历插件?

看大神如何玩转微信小程序日历插件?

看完效果图,是不是感觉很漂亮,几乎可以满足使用者的所有需求,各种可以修改和自定义。这款日历插件叫:「极点日历」,支持 1900 年 1 月 ~ 2099 年 12 月这两百年间的公历和农历显示,插件提供了丰富的可配置属性,包括日期的显示方式、选择范围、是否显示农历等,可自定义来适配不同的使用场景。

看大神如何玩转微信小程序日历插件?

上面画线和标记的地方,支持各种属性的修改和自定义,满足大家所有的需求,属性如下:

看大神如何玩转微信小程序日历插件?

使用方式

使用方式也非常简单,直接依赖就可以直接引用了,大致步骤如下:

1、在微信小程序管理后台——设置——第三方服务,按 AppID(wx92c68dae5a8bb046)搜索到该插件并申请授权。

2、在要使用该插件的小程序 app.json 文件中引入插件声明。

看大神如何玩转微信小程序日历插件?

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

看大神如何玩转微信小程序日历插件?

4、在相应布局页面添加以下语句即可嵌入插件。

<calendar />

使用步骤,是不是跟我们 Android 远程依赖的方式很相似,也很简单吧?如果对微信小程序开发感兴趣的同学,赶紧去试试吧!

开源地址:https://github.com/czcaiwj/calendar ,顺便感谢作者:czcaiwj 的开源无私分享和奉献。

非著名程序员的 slogan 就是:好东西就是用来分享的。

非著名程序员

技术,职场,行业观察,这里应有尽有!

相关推荐