热门微信小程序日历组件,可以更多自定义功能

老王Plus 2020-01-09 14:53:03 ⋅ 157 阅读

简介

wx_calendar 开源微信小程序日历组件

github 地址:

https://github.com/treadpit/wx_calendar

github star: 1.2K+

最新版本:1.4.0,MIT 协议

效果图

快速上手

引入组件

在 json 文件中配置组件

{
"usingComponents": {
"calendar": "/component/calendar/index"
}
}

在 wxml 中引入组件

<calendar calendarConfig="{{calendarConfig}}"></calendar>

自定义配置初始化日历

const conf = {
data: {
calendarConfig: {
// 配置内置主题
theme: 'elegant'
}
},
doSomeThing() {
// 调用日历方法
this.calendar.enableArea(['2018-10-7', '2018-10-28']);
}
};
Page(conf);

更多自定义配置及功能请查阅日历文档(文档地址如下:)

https://treadpit.github.io/wx_calendar/

文档主要内容:

日历组件(Component)

  • 1. 引入组件

  • 2. 日历组件初始化

  • 3. 自定义配置

  • 4. 多日历组件

  • 日历事件使用说明

  • 5. 跳转至指定日期

  • 6. 获取当前选择的日期

  • 7. 获取日历当前年月

  • 8. 取消所有选中日期

  • 9. 待办事项

  • 10. 禁选指定日期

  • 11. 指定可选日期

  • 12. 设置选中多个日期

  • 13. 获取当前日历面板日期

  • 14. 周月视图切换

  • 15. 设置日历配置

  • 16. 获取日历配置

  • 17. 日期范围选择

  • 18. 设置指定日期样式

  • 日历模板(Template)

  • 1. 引入wxml及wxss

  • 2. 日历模板初始化

  • 日期选择器(Template)

  • 1. 引入wxml及wxss

  • 2. 日期选择器初始化

  • 3. 日期选择器配置

  • PS

    这个开源虽然是一个微信小程序日历组件,但是文档很详细,作者也很及时更新,可以说是一个不错的微信小程序开源项目。

        更多自定义配置及功能:https://treadpit.github.io/wx_calendar/


全部评论: 0

    我有话说:

    程序抖音实战-首页(上)

    你也可以程序编写一个抖音

    程序实战篇:基于wxcharts.js绘制移动报表

    程序图表插(wx-charts)是基于canvas绘制,体积巧,支持图表类型饼图、线图、柱状图 ......

    程序电商实战-首页(上)

    上一篇:程序电商实战-入门篇 嗨,大家好!经过近两周的精心准备终于开始程序电商实战之路喽。那么最终会做成什么样呢?好了,不啰嗦了 我们先看首页长什么样吧!   首页效果图

    程序商城(一):https框架搭建并实现导航功能

    本文将带领大家搭建https的程序框架,并实现动态获取数据展示效果!

    程序电商实战-商品列表流式布局

    今天给大家分享一下程序中商品列表的流式布局方式,根据文章内容操作就可以看到效果哦~~~

    程序实现商品数量加减

    这是一个用程序原生代码实现的数量加减demo,主要是用于商品购物车或者商品详情修改数量使用

    程序商城(七):动态API实现商品分类

    程序商品分类页面布局并且调用动态API获取数据并加载

    程序-template使用:实现购物车商品数量加减功能

    上一篇我们实现了购物车功能,里面有用到template模板功能来实现购物车商品数量加减和价格计算功能......

    程序电商实战-首页(下)

    上一篇:程序电商实战-首页(上)好了,上一期我们把首页搜索、导航栏和广告轮播给做完了,那么接下来会继续

    程序电商实战-入门篇

    程序开发工具有新版本更新啦!开发体验好了,接下来一起为电商程序做一下准备前期准备工作~~

    程序 - iconfont 图标字体

    你还在使用图片作为程序的图标?大猪告诉大家如何在程序上使用iconfont字体图标

    程序-Image的widthFix属性和rpm尺寸的使用

    在做程序的商品详情页,商品的详情是图片集合,渲染完成后发现图片加载的很不自然

    程序实战篇:如何解决https域名问题 ?

    开发自己的程序绕不开https问题,为了能在程序中调用我们自己的API服务请打开看一看吧!!!

    程序实战篇:商品属性联动选择(案例)

    本期的程序实战篇来做一个电商网站经常用到的-商品属性联动选择的效果,素材参考了一点点

    程序商城(九):授权并实现个人中心页面页面

    实现商城的授权并获取用户信息和个人中心页面布局

    程序抖音实战-首页(下)

    抖音程序首页动态数据获取

    程序电商实战-商品详情(上)

    先看一下今天要实现的程序商品详情页吧!

    程序电商实战-购物车(上)

    好久没更新程序电商实战的文章了,是因为最近一直做整体架构调整,一些准备工作也是比较耗费时间的。在这几天将会有新版的 程序电商教程推出.......

    精品推荐:程序常见的UI框架/组件库

    想要开发出一套高质量的程序,运用框架,组件库是省时省力省心必不可少一部分,随着程序日渐火爆,各种不同类型