Taro 日历组件 🎉 🗓
一款基于 Taro 框架开发的多端日历组件
关于 Taro
Taro 是由 凹凸实验室 倾力打造的多端开发解决方案。现如今市面上端的形态多种多样，Web、ReactNative、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。
使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、RN 等）运行的代码。
体验
请使用微信扫一扫以下体验码
安装
# npm npm install taro-calendar --save # yarn yarn add taro-calendarAPI
| name | type | default | description |
|---|---|---|---|
| currentDate | string \| number \| Date |
Date.now() |
当前的时间 |
| minDate | string \| number \| Date |
- | 最小的可选时间 |
| maxDate | string \| number \| Date |
- | 最大的可选时间 |
| isSwiper | boolean |
true |
是否可以滑动 |
| marks | Array<{ value: string \| number \| Date }> |
[] |
需要标记的时间 |
| format | string |
YYYY-MM-DD |
日期格式 |
| monthFormat | string |
YYYY年MM月 |
月份格式 |
| hideArrow | boolean |
false |
是否隐藏箭头 |
| isVertical | boolean |
false |
是否垂直滑动 |
| onClickPreMonth | () => void |
- | 点击箭头去上一个月的时候触发 |
| onClickNextMonth | () => void |
- | 点击箭头去下一个月的时候触发 |
| onDayClick | (item: Item) => void |
- | 点击日期时候触发 |
| onDayLongClick | (item: Item) => void |
- | 长安日期时触发 |
| onMonthChange | (value: string) => void |
- | 月份改变时触发 |
开发交流
暂无讨论群，有需要问题的请在提交 Issue 或者加入 Taro UI 官方微信交流群
开发计划
- 范围选择
- 缓存优化
- H5 与小程序一致性
- 支付宝、百度等小程序支持
- 跨月份选择抖动
- i18n 支持
贡献
如果你有兴趣成为 Taro Calendar 的一名贡献者欢迎提交 Pull Request。在提交之前，请遵循 eslint 和 commit-lint