效果圖
插件連接
插件鏈接: https://ext.dcloud.net.cn/plugin?id=7839/文章來源地址http://www.zghlxwxcb.cn/news/detail-490595.html
如何使用
<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>
參數(shù)說明
| 參數(shù) | 說明 | 類型 | 可選值 | 默認(rèn)值 |
|---|---|---|---|---|
| pointList | 日期數(shù)組，控制日期底下的點 | Array | - | [] |
| pointColor | 點的顏色 | String | - | #fff |
| defaultDate | 默認(rèn)選中的日期 | String | - | 默認(rèn)值為當(dāng)天 (傳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 | 天數(shù)的顏色 | String | - | #fff |
| selectBg | 選中的背景顏色 | String | - | linear-gradient(180deg, #FF855E 0%, #ED6337 100%) |
| backColor | 返回按鈕的字體顏色 | String | - | #fff |
| backBg | 返回按鈕的背景顏色 | String | - | rgba(255, 255, 255, 0.19) |
| actionColor | 左上角操作區(qū)域的顏色 | String | - | #fff |
| unfoldBtnColor | 底部 展開/折疊 按鈕的顏色 | String | - | #fff |
事件
| 事件名成 | 說明 | 回調(diào) |
|---|---|---|
| changeDate | 點擊選擇某一天時觸發(fā) | {year: 2022 , month: 4 , day: 7} |
文章來源：http://www.zghlxwxcb.cn/news/detail-490595.html
到了這里，關(guān)于uni-app日歷組件（calendar），兼容安卓、ios、微信、百度、抖音小程序的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
