Manual installation

npm install react-native-cz-alipay-calendar --save

Usage

1.引入组件

import AlipayCalendar from 'react-native-cz-alipay-calendar';

iOS: 在Podfile中加入

pod 'RNCzAlipayCalendar', :path => '../node_modules/react-native-cz-alipay-calendar/ios/RNCzAlipayCalendar.podspec'

然后执行

pod install

使用

<AlipayCalendar
   type={2}
   evaluateView={ (calendar) => {this.calendar = calendar} }
   confirm={this._confirm}
   defaultColor={'red'}
/>

2.属性:

bottomSpace: 类型iPhoneX这种底部给间隙，不然会被遮挡部分底部

defaultColor: 全局颜色, 默认#AAE039

3.属性方法:

evaluateView: 赋值当前视图对象

/*
* 确定按钮事件 (startDate, endDate, selectType) PS: 需要自行调用hide隐藏日历！！！因为confirm后有可能很多自行处理逻辑，所以内部不做隐藏处理
* startDate, endDate: 如果开始/结束日期没有，则返回null, 有值格式:{ date: '2021-05-28', arr: [ 2021, 5, 28 ], type: 1 }
* selectType: 1.开始日期 2.结束日期
* */
confirm: 确定按钮事件

4.供外部调用的方法:

/*
* 显示日历, yyyy-MM-dd格式
* data = {'start_date': '2010-05-10', 'end_date': '2010-05-20', 'type': 1}
* start_date: 开始日期
* end_date: 结束日期
* type: 1-默认开始日期 2.默认结束日期
* */
this.calendar.show(data = {})

this.calendar.hide()