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 | 是否显示 展开/折叠 按钮 | Boolean | true / false | true |
show | 是否显示完整的日历 | Boolean | true / false | true |
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} |
uni-app日历组件(calendar),兼容安卓、ios、微信、百度、抖音小程序相关推荐
- uniapp平台使用vant组件按需引入,并兼容到微信、百度、抖音小程序
uniapp平台使用vant组件按需引入,并兼容到微信.百度.抖音小程序 请先了解vant在各小程序的兼容情况 前置条件 温馨提示 兼容到百度swan自定义组件 兼容到抖音tt自定义组件 请先了解va ...
- uni-app转抖音小程序在ios中input标签的问题
一.input标签在ios不显示 本人开发中用uni-app转字节小程序的,发现在开发工具和安卓上input标签可以正常显示,但是在ios上发现input标签不显示. 解决办法:给input加上宽度: ...
- ShopXO开源电商系统源码支持PC+H5支付宝小程序微信小程序百度小程序头条amp;抖音小程序QQ小程序APP等
介绍: ShopXO开源电商体系,国内抢先企业级.支撑PC+H5.支付宝小程序.微信小程序.百度小程序.头条&抖音小程序.QQ小程序.APP等- 支撑多库房.多商户形式运营(组件插件化.即插即 ...
- ShopXO开源电商系统源码支持PC+H5支付宝小程序微信小程序百度小程序头条抖音小程序QQ小程序APP等
介绍: ShopXO开源电商体系,国内抢先企业级.支撑PC+H5.支付宝小程序.微信小程序.百度小程序.头条&抖音小程序.QQ小程序.APP等- 支撑多库房.多商户形式运营(组件插件化.即插即 ...
- 微信百度网盘小程序怎么转存到百度网盘App(亲测可用)
微信百度网盘小程序怎么转存到百度网盘App? 原因: 不想把微信和网盘绑定在一起. 解决办法: 扫码进百度网盘小程序后,点击左上角"回到首页",在"我"中点&q ...
- uni.chooseAddress抖音小程序拿不到抖音商城的收货地址?
微信小程序开发的一个功能,拿微信用户设置的我的地址. 功能同步到抖音小程序,功能可以实现,打开地址页面,并且设置地址,下次还能使用. 但是万万没想到,抖音小程序的收货地址不是抖音商场的收货地址. 需求 ...
- Taro打卡日历组件。支持h5、ReactNative、后续支持小程序
效果图 父组件需要传的值 dateDesc:{year:2020, //年份month:7, //月分传人0默认为当前月份list:[1,2,3,5,7,8,12,30,23,18 //默认选中的日期 ...
- uni.app流量主激励视频调用(示例为抖音小程序)
为了保证不重复调用广告组件,我们在全局app.vue文件引入,赋值到公共实例上 app.vue文件 <script>import * as config from '@/utils/con ...
- 抖音小程序微信小程序五角星型评分插件自定义分数组件
使用方法: 第一步.在需要使用的页面配置json中引入: 第二步.在wxml中写入以下代码 第三步.参数解释 bindsit:是指点击组件后触发的函数,其中detail返回为{fs:1,fstotal ...
最新文章
- 分布式系统中节点之间的同步形成区块链
- html中选择收货地址时候,收货地址.html
- Python类访问限制
- AC日记——[SDOI2010]大陆争霸 洛谷 P3690
- 在下载jar包时,要有三个包,分别为使用的把class、查看文档的api、查看源代码的资源包...
- pymongo 日期类型
- s1 java 复习 视频小课
- Ubuntu更改右键菜单
- STC89C52是51单片机吗?
- 计算机软件硬件维修,电脑软硬件维修从入门到精通
- 三菱FX5U,机床X轴Y轴工作台定位控制程序 使用三菱J4-A系列伺服驱动器绝对位置系统,程序大小27000多步
- WebRoot 与 WEB-INF 相关问题学习整理
- Beats:如何在 Elastic Stack 中得到并使用 Root CA Certificate fingerprint
- 入职一个月老大教我如何在做测试中运用Linux
- CANOpen中SDO和PDO的COB-ID理解
- 作为技术分析工具的 MTF 指标
- 2015移动安全挑战赛MSC(第二届)第一题解题思路
- csapi matlab,Matlab函数csapi与papi的区别是什么
- 如何打开计算机浏览器定位功能吗,如何在360浏览器中设置允许所有网站跟踪我的地理位置...
- rap2使用姿势——前端、后端、测试必看(多gif图)