当前位置:网站首页>支付宝

支付宝

2020-11-13 00:46:23 坚强一点

开源支付宝小程序日历选择组件,微信小程序也可用

github:https://github.com/cyyinfo/calendar

 

使用方式

  1. * 在小程序项目中新建一个日历组件文件夹,例如:calendar
  2. 拷贝本项目下的 .acss ..axml .json .js 四个文件到文件夹
  3. 在需要使用的页面引入组件,例如:
"usingComponents": {
      "cal": "/calendar/calendar"
    }


4.最后在页面添加组件
  

<cal show="{
   {show}}" limit="{
   {limit}}" actColor="{
   {actColor}}" onSelectEvent="onSelectEvent"></cal>

支持功能
 * 支持日期单选,也支持日期范围选择
 * 支持自定义最小选中天数
 * 支持自定义日历的主题色

 参数说明

参数名 参数类型 默认值 说明
show Boolean false 是否显示
limit Number 1 如果是范围选择最小间隔天数
actColor String #51BF85 主题色
onSelectEvent Event 选中后的回调函数,包含选中的日期


  

DEMO

版权声明
本文为[坚强一点]所创,转载请带上原文链接,感谢
https://blog.csdn.net/wab719591157/article/details/90141395