uni-app日历组件(calendar),兼容安卓、ios、微信、百度、抖音小程序

uni-app日历组件,兼容安卓、ios、微信、百度、抖音小程序

效果图

插件连接

插件链接: https://ext.dcloud.net.cn/plugin?id=7839/

如何使用

<template>
	<tmt-calendar defaultDate="2021-11-03"  :point-list="['2022-03-20','2022-04-01','2022-04-02','2022-04-05']" :show="true" @changeDate="changeDate"></tmt-calendar>
</template>

参数说明

参数说明类型可选值默认值
pointList日期数组,控制日期底下的点Array-[]
pointColor点的颜色String-#fff
defaultDate默认选中的日期String-默认值为当天 (传YYYY-MM-DD 或者 YYYY/MM/DD格式日期)
showBtn是否显示 展开/折叠 按钮Booleantrue / falsetrue
show是否显示完整的日历Booleantrue / falsetrue
bckground日历背景颜色String-linear-gradient(45deg, #5A24A6 0%, #7E3CB5 100%)
weekColor星期的颜色String-#fff
dayColor天数的颜色String-#fff
selectBg选中的背景颜色String-linear-gradient(180deg, #FF855E 0%, #ED6337 100%)
backColor返回按钮的字体颜色String-#fff
backBg返回按钮的背景颜色String-rgba(255, 255, 255, 0.19)
actionColor左上角操作区域的颜色String-#fff
unfoldBtnColor底部 展开/折叠 按钮的颜色String-#fff

事件

事件名成说明回调
changeDate点击选择某一天时触发{year: 2022 , month: 4 , day: 7}
  • 5
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值