miniprogram-wecalendar 一个支持滑动、自定义折叠、标记日期、轻快的小程序日期组件 使用ESbuild 构建,现在的快速响应的 [图片] [图片] [图片] [图片] [图片] 英文 README 展示 [图片] 安装 [代码]npm i miniprogram-wecalendar [代码] or [代码]yarn add miniprogram-wecalendar [代码] 使用 在使用地方 [代码]page.json[代码] 或者 [代码]app.json[代码] 中使用 👇🏻 [代码]{ "usingComponents": { "WeCalendar": "miniprogram-wecalendar" } } [代码] 在 wxml 加入使用 👇🏻 [代码]<WeCalendar markCalendarList="{{markCalendarList}}" isToday="{{true}}" bind:onRangeDate="onRangeDate" bind:onSelect="onSelect" /> [代码] WeCalendar的参数 Property Type Default required Description isToday Boolean False 0 是否展示今天俺妞icon markCalendarList [代码]Array[{ date: YYYY-MM-DD pointColor: #ccc }][代码] [] 0 标记日历的数组,支持自定义颜色 defaultDate String: YYYY-MM-DD Null 0 默认时间 showFolding Boolean True 0 日历折叠功能 weeekLayer Number 1 0 日历折叠的等级 | 行数 WeCalendar 的方法 Property Type Description onSelect Function Callback 日历每天的点击事件 onRangeDate Function Callback 日历渲染的日期范围 举个例子 🌰 onSelect [代码]onSelect: (e) => { const {day} = e.detail // ... } [代码] onRangeDate [代码]onRangeDate: (e) => { const {beginTime, endTime} = e.detail // ... } [代码] 开发启动 [代码]npm run dev [代码] 用微信小程序开发工具打开[代码]demo[代码]文件夹即可，更改[代码]src[代码]下面的文件会自动构建