日历选择器组件
| 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| startDate | String | ’‘ | 可选的起始时间 | | endDate | String | ’‘ | 可选的结束时间 | | titleFormat | String | MMMM YYYY | 月份的渲染格式 | | dateFormat | String | YYYY-MM-DD | 返回的日期格式 | | weekStart | Num | 1 | 把周几作为一个星期的开始 | | prevButtonText | String | ’‘ | 月份切换按钮的显示文案 | | nextButtonText | String | ’‘ | 月份切换按钮的显示文案 | | onDateSelect | Function | ’‘ | 选中某个日期 | | onTouchPrev | Function | ’‘ | 上一个月 | | onTouchNext | Function | ’’ |
下一个月 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | // demoimport { createElement, render, Component } from 'rax';class App extends Component { state = { selectedDate: '2017-01-01' } render() { console.log(this.state.selectedDate); return ( <View> <Calendar ref="calendar" eventDates={['2017-01-02', '2017-01-05', '2017-01-28', '2017-01-30']} startDate={'2017-01-01'} endDate={'2017-07-01'} titleFormat={'YYYY年MM月'} prevButtonText={'上一月'} nextButtonText={'下一月'} weekStart={0} onDateSelect={(date) => this.setState({ selectedDate: date })} onTouchPrev={() => console.log('Back TOUCH')} onTouchNext={() => console.log('Forward TOUCH')} /> </View> ); }}render(<App />); |
