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的参数

WeCalendar 的方法

举个例子 🌰

• onSelect

onSelect: (e) => {
  const {day} = e.detail
  // ...
}

• onRangeDate

onRangeDate: (e) => {
  const {beginTime, endTime} = e.detail
  // ...
}

开发启动

npm run dev

• 用微信小程序开发工具打开demo文件夹即可，更改src下面的文件会自动构建